Hovereffekt an anderer Stelle

[Chainworm.de]

Hallo,
ja die Überschrift klingt etwas seltsam, aber ich wusste nicht genau wie ich das schreiben soll. Ich hab auch schon gesucht aber nix gescheites gefunden, vielleicht einfach mit den falschen Begriffen, hab nämlich nix gefunden.

Jedenfalls es geht um die Sache, ich suche ein Script mit der ich etwas ähnliches wie den Hover-Effekt machen kann... Also bisher hab ich auf meiner HP ein "ganz normales" Hover-menü, wenn man über die grafik fährt, wechselt es die Farbe (bzw. es wird eben eine andere Grafik angezeigt, siehe http://www.chainworm.de/menu.html)

Was ich jetzt aber will, ist dass sagen wir mal links soll das Homepage-logo sein, und wenn man über den Button für News fährt, soll sich das Logo entsprechend ändern, wenn man auf About fährt, soll es sich entsprechend ändern usw. Also nicht der Button selber, sondern immer nur die Grafik die dann ganz links angezeigt werden soll, soll sich ändern. Ich hatte das schonmal in einer früheren Version meiner HP, leider gingen alle Backups mal bei einem Festplattencrash drauf und ich weiß leider nicht mehr, wo ich das Script her hatte. Es wäre wirklich sehr toll, wenn mir jemand sagen könnte, wie ich sowas einbau!!

[Christoph Schnauß]

hallo,

links soll das Homepage-logo sein, und wenn man über den Button für News fährt, soll sich das Logo entsprechend ändern

Aha. Das hat im Wortsinn nichts mit "hover" zu tun (dann wäre das Topic übrigens auch CSS), sondern ntatsächlich mit Javascript. Du möchtest einen onmouseover-Effekt haben. Dafür gibt es Lösungen, und natürlich steht eine gute Lösung in SELFHTML. Eine zweite Lösung kann ich dir auf meiner Snippet-Seite anbieten: http://www.christoph-schnauss.de/prog/javascript/menu4.php

Grüße aus Berlin

Christoph S.

[Chainworm.de]

Hi,
erstmal danke für die ganzen Antworten in so kurzer Zeit und sorry wenn ich die ein oder andere Sache bzw. Begriffe verwechsle, in "gehobereren" Programmiertechniken bin ich einfach noob, ich kann IMO einigermaßen gut HTML, zumindest reicht es für ein paar gutaussehende HPs ;)

Jedenfalls, einige der geposteten Sachen sind nicht ganz was ich suche, damit sich die Buttons selber ändern das hab ich ja schon, aber die zwei Sachen hier sehen genau nach dem aus was ich suche:

http://meyerweb.com/eric/css/edge/popups/demo2.html
http://www.christoph-schnauss.de/prog/javascript/menu4.php

Besonders ersteres zeigt exakt das, was ich suche. Tausend dank, ich werde damit mal experimentieren, und nochmals sorry für meine Unkenntnis usw. in einigen Dingen ;)

[Stefano Albrecht]

Servus Chainworm!

Ich hatte das schonmal in einer früheren Version meiner HP, leider gingen alle Backups mal bei einem Festplattencrash drauf und ich weiß leider nicht mehr, wo ich das Script her hatte.

Ist nicht schlimm, denn erstens ist das eine ganz simple Javascript-Angelegenheit, zweitens hast Du sie bereits implementiert...

Dein JS-Code beinhaltet beispielsweise "onmouseover="overNews.src='images/news2.gif';"". Sofern Das Hauptlogo in keinem anderem Frame liegt, als dasjenige, welches die Navbuttons enthält, kannst Du es folgendermaßen machen:

<img src="images/fettesLogo1.gif" border="0" name="fettesLogo">

...

<a href="news.html" target="page" onmouseover="fettesLogo.src='images/fettesLogo2.gif';" onmouseout="fettesLogo.src='images/fettesLogo1.gif';"><img src="images/news.gif" border="0" name="overNews"></a>

usw.

(Habe das einfach aus Deinem Quellcode genommen und verändert)

Freundliche Grüße
Stefano Albrecht

[wahsaga]

hi,

Was ich jetzt aber will, ist dass sagen wir mal links soll das Homepage-logo sein, und wenn man über den Button für News fährt, soll sich das Logo entsprechend ändern, wenn man auf About fährt, soll es sich entsprechend ändern usw.

Das geht auch rein mit CSS:
http://meyerweb.com/eric/css/edge/popups/demo.html

Ich hatte das schonmal in einer früheren Version meiner HP, leider gingen alle Backups mal bei einem Festplattencrash drauf und ich weiß leider nicht mehr, wo ich das Script her hatte.

Tipp: Versuche doch das nächste Mal, auch zu _verstehen_, wie es funktioniert, anstatt nur irgendwelche kopierten Scripte einzupflanzen - dann kannst du es auch leichter wieder selber implementieren.

gruß,
wahsaga

[Christoph Schnauß]

hallo,

Das geht auch rein mit CSS:
http://meyerweb.com/eric/css/edge/popups/demo.html

Für eleganter halte ich http://www.1ngo.de/web/bildwechsel.html.

Grüße aus Berlin

Christoph S.