Hallo zusammen,
habe eine Minislideshow erstellt.
Funktioniert soweit, nur das im FF nach dem ersten Durchlauf des Array's bei jeder neuen Bildzuweisung die Bilder kurz „blitzen“. Im IE funktioniert es gut.
Link:
http://www.roma.de/htm/test/fade.php
Code:
Vielleicht kann mir ja jemand weiterhelfen?
Viele Grüße!
tomate
habe eine Minislideshow erstellt.
Funktioniert soweit, nur das im FF nach dem ersten Durchlauf des Array's bei jeder neuen Bildzuweisung die Bilder kurz „blitzen“. Im IE funktioniert es gut.
Link:
http://www.roma.de/htm/test/fade.php
Code:
Code:
<!-- TOP -->
<div id="image_top" style="position:absolute; left: 0px; top: 0px; visibility: visible; z-index: 2;">
<img name="bild_top" src="../startseite/bilder/motiv_8.jpg" />
</div>
<!-- BOTTOM -->
<div id="image_bottom" style="position:absolute; left: 0px; top: 0px; visibility: visible;z-index: 1;">
<img name="bild_bottom" src="../startseite/bilder/motiv_7.jpg" />
</div>
<!-- FORM -->
<div id="image_top" style="position:absolute; left: 0px; top: 300px;">
<form name="formular">
<input type="text" name="wert" value="" />
</form>
</div>
<script type="text/javascript">
var trans_top = 1000;
var trans_bottom = 100;
motive = new Array("motiv_7","motiv_8","motiv_9","motiv_10","motiv_7");
i = 0;
//document.formular.wert.value=0;
function fade(){
//document.formular.wert.value=i;
if(trans_top>=100){
//i++;
//document.formular.wert.value=i;
//alert (i);
trans_top = 0;
trans_bottom = 100;
document.bild_bottom.src = "bilder/"+motive[i]+".jpg"; // 1 2 3
//alert ("uff");
document.bild_top.src = "bilder/"+motive[i+1]+".jpg"; // 2 3 4
//alert ("uff");
//document.formular.wert.value=i;
i++;
}
trans_top += 1;
trans_bottom -= 1;
document.bild_bottom.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+trans_bottom+")";
document.bild_bottom.style.MozOpacity = trans_bottom/100;
document.bild_top.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+trans_top+")";
document.bild_top.style.MozOpacity = trans_top/100;
if(i>=4){
//alert(trans_top);
//Nach diesem alert noch einmal gut, dann Zucken..., nur im FF
document.formular.wert.value=i;
i=0;
}
aktiv = window.setTimeout("fade()",10);
//fade();
}
//window.setTimeout("fade()",20);
fade();
</script>
Vielleicht kann mir ja jemand weiterhelfen?
Viele Grüße!
tomate