✔ Bildhover Textanzeige

[dsNDesign]

Hi,
ich habe 5 verschiedene Bilder nebeneinander. Rechts von den Bildern befindet sich ein Text. Da ich zu jedem der 5 Bilder einen anderen Text habe, soll der Text als Mouseovereffekt des jeweiligen Bildes angezeigt werden. Der Text soll also immer an der gleichen Stelle sein, sich aber ändern, je nachdem welches Bild gerade aktiv ist.

Hier noch, wie das ganze aussehen soll:

Einfache Textanzeige bei einem Bild habe ich schon gefunden. Ich weiß nur nicht so ganz, wie ich es lösen soll, da ich ja mehere Bilder habe.

Ich hoffe, man kann mein anliegen verstehen

Gruß

 

[SpiceLab]

Sowas lässt sich ganz ohne JS realisieren, Stichwort: "CSS-Popup".

Beispiel: http://www.brunildo.org/test/CPop_disc.html (die bunten Kreise überfahren)

 

[dsNDesign]

Ok, soweit klappt es schonmal perfekt. Danke dafür. Gibt es jetzt noch eine Möglichkeit, dass der Text stehen bleibt, bis man ein neues Bild auswählt? Weil so ist er ja nur für den Zeitpunkt des Hovers da.

EDIT: Weiß denn keiner eine Lösung? Notfalls wäre es auch in Ordnung, dass man das Vorschaubild erst anklicken muss

 

[dsNDesign]

Weiß denn keiner eine Lösung? Notfalls wäre es auch in Ordnung, dass man das Vorschaubild erst anklicken muss

 

[sheel]

<script type="text/javascript">
function wechsel(titel){document.getElementById("bildtitel").firstChild.nodeValue=titel;}
</script>
...
<span id="bildtitel">.</span>
...
<img alt="" onmouseover="wechsel('Mein erstes Bild');" src="img1.jpg">
<img alt="" onmouseover="wechsel('Schon wieder ein Bild');" src="img2.jpg">

Nur als Beispiel.

Und pushen ist laut Netiquette hier nicht erlaubt.

 

[dsNDesign]

Danke, so langsam ist es so, wie ich es mir wünsche. Jetzt gibt es nur noch ein Problem. Mein Ausgabetext soll in 2 verschiedenen divs erscheinen. Also ich habe pro Bild 2 Texte, die in 2 verschiedenen divs erscheinen sollen. Wenn ich direkt in den mouseover befehl die 2 divs eintrage, funktioniert es nicht. Und ich kann ja auch nicht 2 mouseovers definieren.
Wie kann ich das noch lösen?

Gruß

 

[sheel]

Warum sollte es nicht funktionieren?

<script type="text/javascript">
function wechsel(texta,textb){
document.getElementById("ausgabediv1").firstChild.nodeValue=texta;
document.getElementById("ausgabediv2").firstChild.nodeValue=textb;
}
</script>
...
<img alt="" onmouseover="wechsel('bild 1 text 1','bild 1 text 2');" src="img1.jpg">

 

[dsNDesign]

ah ok. so funktioniert es natürlich. ich hatte es ein wenig falsch gemacht
Danke für deine Hilfe