nicht angemeldet
Hallo, ich habe jetzt mal eine kleine Test-Datei angelegt in welcher 2 Div-Container mit Bild dargestellt werden. Der zweite Container (s0) kann sogar sein Bild tauschen, sowie ich mir das vorstelle. Was ich nicht schaffe ist den Code so umzustellen, dass in einem Div 2 Bilder liegen und sich mit Klick auf das zweite von beiden das erste ändert. Mein Versuch:
<div id="s5">
<div style="width:9000px">
<img src="zu_tauschendes_bild.jpg" style="float:left; width:auto" alt="work">
<a href="javascript:neuesBild()"><img id="Bild" src="linkbild.jpg" alt="Bild 1" title="Bild 1"></a>
</div>
</div>
wurde leider nicht von Erfolg gekrönt. Hier die funktionierende Test-Datei:
<html><head><title>Test</title>
<script type="text/javascript">
function neuesBild () {
if (document.getElementById("Bild").src.indexOf("k_o.jpg") > -1) {
document.getElementById("Bild").src = "bildzwei.jpg";
document.getElementById("Bild").title = "Bild 2";
return;
}
if (document.getElementById("Bild").src.indexOf("k_m.jpg") > -1) {
document.getElementById("Bild").src = "bildeins.jpg";
document.getElementById("Bild").title = "Bild 3";
return;
}
}
</script></head><body>
<style type="text/css">
body { margin:0; padding:0; height:0px; background-image:url(schatten4.jpg);background-repeat:no-repeat;}
#f0 { position:absolute; top:35px; left:400px; width:150px; height:60px; border:0px solid #840; bbackground-color:#000000; }
#s0 { position:absolute; top:35px; left:260px; width:100px; height:100px; overflow:hide; border:0px solid #840;}
</style>
<div id="f0">
<a href="javascript:neuesBild()"><img id="Bild" src="bildeins.jpg" alt="Bild 1" title="Bild 1"></a>
</div>
<div id="s0">
<img src="uninteressantesbild.jpg" alt="link">
</div>
</body></html>
Marc