Javascript中的图像滑块

Image Slider in Javascript

本文关键字：图像 Javascript      更新时间：2023-09-26

此图像滑块不会显示下一张图片。我有3张照片。。图像1、图像2和图像3，但它只停留在图像1.上

<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>
相关文章：