[英]Image Slider in Javascript
此图像滑块不会显示下一张图片。 我有3个图像.. image1,image2和image3但它只停留在image1 ..
<script type="text/javascript">
var image1 = new Image();
image1.src="jokes.png";
var image2 = new Image();
image2.src="facts.png";
var image3 = new Image();
image3.src="csharp.png";
</script>
<img src="jokes.png" name="slide" width="200" height="200">
<script type="text/javascript">
var step = 1;
function slideit() {
document.images.slide.src = eval("image" + step + ".src");
if (step < 3) {
step++;
else step = 1
setTimeout("slideit()", 2500);
}
slideit()
}
</script>
因为你的函数slideIt
永远不会被调用。 第一个调用包含在函数内...
尝试这个
<script type="text/javascript">
var step = 1;
function slideit() {
document.images.slide.src = eval("image" + step + ".src");
if (step < 3)
step++;
else
step = 1
setTimeout("slideit()", 2500);
}
//First call
slideit();
</script>
除了sdespont的答案,语法有问题
<script type="text/javascript">
var step = 1;
function slideit() {
document.images.slide.src = eval("image" + step + ".src");
if (step < 3){
step++;
}else{
step = 1;
}
setTimeout("slideit()", 2500);
}
//First call
slideit();
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.