在单个页面上使用多个JavaScript幻灯片时遇到问题

Having issues with multiple javascript slideshows on a single page

本文关键字：幻灯片 JavaScript 遇到 问题 单个页      更新时间：2023-09-26

我在单个网页上有多个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>

对

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

相关文章：