在单个页面上有多个javascript幻灯片显示问题

时间:2013-11-01 21:28:24

标签: javascript html slideshow

我在一个网页上有多个javascript幻灯片。我可以让一个幻灯片放映设置正常工作,但当我把其他人放在上面时,我认为脚本会相互抵消。请帮忙。

以下是标题中的js:

</script>  
<script type="text/javascript">
var image1 = new Image()
image1.src = "images/linen/ldp-1.jpg"
var image2 = new Image()
image2.src = "images/linen/ldp-2.jpg"
var image2 = new Image()
image2.src = "images/linen/ldp-3.jpg"
var image2 = new Image()
image2.src = "images/linen/ldp-4.jpg"
</script>

<script type="text/javascript">
var image5 = new Image()
image5.src = "images/linen/ldp-5.jpg"
var image6 = new Image()
image6.src = "images/linen/ldp-6.jpg"
var image7 = new Image()
image7.src = "images/linen/ldp-7.jpg"
var image8 = new Image()
image8.src = "images/linen/ldp-8.jpg"
</script>

这是身体:

<div align="center">
         <img src="images/linen/ldp-1.jpg" width="300" height="300" name="slide" />
<script type="text/javascript">
    var step=1;
    function slideit()
    {
        document.images.slide.src = eval("image"+step+".src");
        if(step<2)
            step++;
        else
            step=1;
        setTimeout("slideit()",3000);
    }
    slideit();
</script>

<img src="images/linen/ldp-5.jpg" width="300" height="300" name="slide" />
<script type="text/javascript">
    var step=1;
    function slideit()
    {
        document.images.slide.src = eval("image"+step+".src");
        if(step<2)
            step++;
        else
            step=1;
        setTimeout("slideit()",3000);
    }
    slideit();
</script>

1 个答案:

答案 0 :(得分:0)

为第二步使用不同的步骤变量。

相关问题