Ich hab im netz ein script gefunden, mit dem man ein bild bei onmouseover anzeigen lassen kann.
Allerdings beklomme ich den bildwechsel nicht hin.
Ich möchte mit PHP die bilder, die gebraucht werden, mit einer foreach schleife schreiben lassen.
Somit wären die bilder in den "<img src= ..." drin.
Soweit funktioniert es. Aber wie bekomme ich hin, dass die 2 funktionen zeigeBild und versteckeBild die src übernehmen?
Momentan wird ja immer das "bild1" angezeigt, da es in den funktionen so drin steht.
JavaScript
<script type="text/javascript">
function zeigeBild()
{
document.getElementById("bild1").style.display = "block";
}
function versteckeBild()
{
document.getElementById("bild1").style.display = "none";
}
</script>
<div id="bild1" style="display:none; position:absolute; left:200px; top:200px;"><img src="bild1.png" width="222" height="222" alt="x" /></div>
<div onmouseout="javascript:versteckeBild()" onmouseover="javascript:zeigeBild()">bild1_text</div>
<div id="bild2" style="display:none; position:absolute; left:200px; top:200px;"><img src="bild2.png" width="222" height="222" alt="x" /></div>
<div onmouseout="javascript:versteckeBild()" onmouseover="javascript:zeigeBild()">bild2_text</div>
Alles anzeigen