0
我正在編寫使用Java腳本和HTML 5的圖像幻燈片的代碼。我使用SetInterval()方法重複調用ImageSlider函數。問題是Imageslider函數只被調用一次。使用javaScript和HTML5的圖像幻燈片使用
這裏是我的代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Online Booking</title>
</head>
<style>
iframe
{
display:block;
float:middle;
margin: 0 auto;
text-align: center
}
</style>
<body onload="init()">
<script>
function init()
{
setInterval(imageSlider(),5000);
}
function staticVar()
{
if (staticVar.counter == undefined)
{
staticVar.counter = 1
}
else
{
staticVar.counter++
}
return staticVar.counter;
}
function imageSlider()
{
alert("sl");
var j= staticVar();
var imgArray = new Array();
imgArray[0] = new Image();
imgArray[0].src = '91.jpg';
imgArray[1] = new Image();
imgArray[1].src = 'myBro.jpg';
imgArray[2] = new Image();
imgArray[2].src = 'me.jpg';
document.getElementById("imageSlide").src = imgArray[j].src;
}
</script>
<iframe height="580" width="25%" src="91.jpg" id="imageSlide"> </iframe>
</body >
</html>
謝謝..我明白了.. – 2014-12-03 05:30:25
@Kavitag不客氣。如果這個答案解決了你的問題,不要忘記接受它。 – 2014-12-03 05:30:56