ボタンとJavaScriptを使用してhtml imgタグの画像を変更する

Question

ボタンをクリックしたときにのみ実行するように変更すると、指定したタグの画像を変更するjavascriptループがありますが、何もしません。

javascriptのコード：

<script type="text/javascript"> 
    var step = 1 
    var image1 = new Image() 
    image1.src = "img1.jpg" 
    var image2 = new Image() 
    image2.src = "img2.jpg" 
    var image3 = new Image() 
    image3.src = "img3.jpg" 
    function slideit() { 
     if (!document.images) return 

     document.images.slide.src=eval("images"+step+".src") 

     if (step < 3) 
      step++ 
     else 
      step=1 
    } 

    //--> 
</script> 

ボタンコード： <input type="button" name="btnnext" value="Next Picture" onclick="slideit" />

私はonclick="slideit()"に変更しようとしたが、それは

"キャッチされないにReferenceError：images1が定義されていない" と述べ

を

私はここからどこに行くのか分からない、どんな助けもありがとう。

Answer 1

1. それは（私は考えていない）window.images1、window.images2またはwindow.images3としてあなたのコードでこのような変数がありますeval('images1.src')とにしようとしているので、あなたがUncaught ReferenceError: images1 is not definedを取得している理由はonclick='slideit()'

2. する必要があります。あなたはおそらく代わりに欲しい

はarraysrcのSを定義し、次にsrcsArray[step]を取得し、あなたのdocument.images.slideのためのあなたの新しいsrcとしてそれを使用することです。

@ patrick-evansが言ったように、おそらくevalをeval('image' + step + '.src')に変更して修正することができます。

こちらがお役に立てば幸いです。