mouseover

[Fellsche]

Hallo ,

will meine gesamte seite in einer tabelle anlegen:
oben die links zu den seiten, darunter den jeweiligen seiteninhalt
und rechts über die gesamte höhe eine spalte, in der beim mouseover
über die links jeweils bilder angezeigt werden.

is jetzt bissl blöd zu erklärn:
wenn ich aber auf einen link GEKLICKT habe, solldas zugehörige bild
stehen bleiben.

Bsp.:  HOME...INDAMIX...
ich klicke >HOME< an -> rechts wird das >HOME<-bild angezeigt.
dann geh ich über den >INDAMIX<-link und recht wird das entspr. bild angezeigt.
wenn ich jetzt vom >INDAMIX<-link wieder runtergeh soll wieder das HOME-bild angezeigt werden.

versteht jemand mein problem??

also: durch mouseover bilder anzeigen - bei mouseout bild d. aktiven links anzeigen

bin allen dankbar im voraus!

Grüße,
Fellsche

[pentius1]

also erst einmal definierst du einen img-tag, in dem diese
bilder imemr heringeladen werden:

<img name="wechselbild">

Ein Link zum wechseln sieht dann wie folgt aus:

<a href="indamix.html" onmouseover="document.wechselbild.src='indamix.jpg';" onmouseout="document.wechselbild.src='home.jpg';">

Ja, das wär's.
Aber es wird beim Bildwechsel eine Verzögerung geben, da der browser das bild erst lädt, wenn man es durch den mouseover aufruft. Dafür entfiehlt sich ein Preloader. Am besten baust du folgenden auf deine Seite ein und trägst die bilder, die bei mouseover angezeigt werden, ein, er lädt sie dann vor, wenn die aktuelle seite fertig geladen wurde:

http://pentius.cybton.com/javascript/?preloadersimpel

[Fellsche]

Hallo p.
erstmal danke, aber ich hab's bissl anders gemeint:
ich hab ja ca. 10 links, wenn ich jetzt irgendeinen davon anklicke soll ja das entsprechende bild angezeigt werden. wenn ich dann mouseover über andern link mache, wird ja ein anderes bild angezeigt.

beim mouseout soll ja dann das bild des aktiven links angezeigt werden und das weiß ich ja jetzt beim programmieren noch nicht, wann ein link angeklickt wird/welcher grad aktiv ist.

weißt du wie ich's mein?

[Fellsche]

p.s.
ich will eben nicht jedesmal die seite neu laden (hätte ich viell. erwähnen sollen SORRY!) weil der jeweilige seiteninhalt in einen iframe kommt.
müsste ja - jenachdem, welcher link aktiv ist - für jeden link immer jeweils neue mouseover u. -out erstellen (und demzufolge jedesmal die ganze seite neu laden..)
verstehste?

[wahsaga]

hi,

beim mouseout soll ja dann das bild des aktiven links angezeigt werden

dieses bild wird also schon aktuelle angezeigt, bevor du einen der anderen links mit der maus überfährst?

dann schreibe in die beim mouseover aufgerufene funktion noch mit rein, dass sie sich in einer variablen merkt, was gerade im src-attribut des bildes steht, und lasse onmouseout dafür sorgen, dass eben dieser wert beim verlassen des links wieder gesetzt wird.

gruss,
wahsaga

[Fellsche]

Hallo!

dann schreibe in die beim mouseover aufgerufene funktion noch mit rein,...

hab bis jetzt keine funktionen (onmouseover="rechts.src='pics/about.gif';...) <- so hab ich's gemacht

weiß leider auch nicht wie ich das mit der variable (was du vorgeschlagen hast) in ner funktion umsetzen soll :-(

wäre für einen vorschlag sehr dankbar...werde mal versuchen, es hinzukriegen...

danke
Gruß
Fellsche

[Struppi]

also: durch mouseover bilder anzeigen - bei mouseout bild d. aktiven links anzeigen

so wie hier: http://home.arcor.de/struebig/js/mouse_over/index.html

Struppi.