Hallo zusammen,
bin Javascript-Anfänger und habe folgendes Problem:
Ich möchte in der Site Bilder onMouseOver faden. Das Funktioniert auch, wenn ich das nur bei einem Bild mache.
Wie muß ich den Code ändern, damit ich das bei mehreren Bildern machen kann?
Hier der Code:
<SCRIPT>
function doTrans(startImage,endImage) {
imgObj.filters[0].apply();
if (oImg.src.indexOf(startImage)!=-1) {
oImg.src = endImage;
}
else {
oImg.src = startImage;
}
imgObj.filters[0].play();
}
</SCRIPT>
Im Body:
<span class="eineReferenz">
<span id=imgObj style="FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00, duration=0.30);width:114px; height: 81px; float:left;"><IMG src="images/referenzen/test_bw.jpg" width="114" height="81" id=oImg>
</span>
<span class="refList">
<ul>
<li> <a href="http://www.ollio.de" onMouseOver="doTrans('images/referenzen/test_c.jpg','images/referenzen/test_bw.jpg')"
onMouseOut="doTrans('images/referenzen/test_bw.jpg','images/referenzen/test_c.jpg')" >Detailanzeige</a></li>
</span>
</span>
Grüße,
OlliO
|