javascript - 1 つのページに複数の JavaScript スライドショーを表示すると問題が発生する

Question

1 つの Web ページに複数の JavaScript スライドショーを表示すると問題が発生します。1 つのスライド ショーのセットアップは問題なく動作しますが、他のセットアップをセットアップすると、スクリプトが互いに打ち消し合っていると思います。助けてください。

ヘッダーの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>

Answer 1

2 番目のステップには別のステップ変数を使用します。