Timur: Bildershow von "Felix Riesterer"

Beitrag lesen

Bildershow von "Felix Riesterer"

Timur 16.03.2009 19:20

javascript

Hallo,

ich habe da jetzt nur noch ein ganz klitekleines problemchen und dann lasse ich euch wirklich in Ruhe.

Mit den folgenden Code klappt das einigermaßen. Nur ist es so, dass die Bilder nicht ineinander überblendet werden sondern gleich hinterher...

<html>  
<head>  
<script type="text/javascript">  
var bildspeicher = new Array("bild1.jpg", "bild5.jpg", "bild8.jpg", "bild9.jpg", "bild20.jpg" );  
var i = 0;  
function probe()  
{  
	var bild = document.getElementById("bildid");  
	fade();  
	bild.src = bildspeicher[i++];  
	if(i > 4 )  
	{  
	i = 0;  
	}  
	window.setTimeout(probe, 4000)  
}  
  
function fade(step)  
{  
	var imgs = document.getElementById("bildid");  
	step = step || 0;  
	imgs.style.opacity = step/100;  
	imgs.style.filter = "alpha(opacity=" + step + ")";  
	step = step + 2;  
	if (step <= 100)  
		{  
		window.setTimeout(function () { fade(step); }, 1);  
		}  
}  
</script>  
</head>  
<body>  
<div id="bid">  
<img id="bildid" src="bild1.jpg" alt="" width="300px" height="300px" style="opacity:0; filter:alpha(opacity=0);"/>  
</div>  
<input type="button" value="Weiter" onclick="probe()" />  
</body>  
</html>