Problem med JS-slideshow i Chrome

2012-05-09 16:14

Permalänk

anders.sjoberg

Medlem

Plats: Täby
Registrerad: Nov 2011

●

Problem med JS-slideshow i Chrome

Hej allihopa!

Jag håller på att bygga upp ett javascript för en slideshow. Just nu testar jag bara med att sänka opacititen i olika webbläsare men det skiter sig i chrome. Jag förstår inte felet men jag gissar på att det har något med setTimeout(); att göra.

HTML koden:

<html>
<body>
<script type="text/javascript" src="js.js">
    document.getElementById('slide1').style.MozOpacity=1;
document.getElementById('slide1').style.filter       = "alpha(opacity=100);";
function slide()
{
		if(document.getElementById('slide1').style.MozOpacity>0.0)
		{
			

			document.getElementById('slide1').style.MozOpacity   =document.getElementById('slide1').style.MozOpacity-0.01;
			document.getElementById('slide1').style.opacity      =document.getElementById('slide1').style.MozOpacity;
			document.getElementById('slide1').style.KhtmlOpacity =document.getElementById('slide1').style.MozOpacity;
			document.getElementById('slide1').style.filter       = "alpha(opacity="+document.getElementById('slide1').style.MozOpacity*100+");";
			alert(document.getElementById('slide1').style.MozOpacity);
			setTimeout("slide()", 50);
		}
}
</script>
<img src="bild.jpg" id="slide1">
<script type="text/javascript">
slide();
</script>
</body>
</html>

Rapportera Redigera

Citera flera Citera

2012-05-09 16:32

Permalänk

klotim

Medlem ★