Bild austauschen macht im FF Probleme...

tomate

Erfahrenes Mitglied
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:
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
 

Neue Beiträge

Zurück