配列内の変数を変更するボタンを設定する方法

<!DOCTYPE HTML> 
<HTML> 

    <BODY> 
    <h1>A452 Practical Investigation</h1> 

    <button onclick="changeImage()">Automatic Traffic Lights</button> 

    <IMG SRC="L1.jpg" name="L1"> 

     <SCRIPT LANGUAGE = "Javascript"> 
      var a1 = new Image(); 
      var a2 = new Image(); 
      var a3 = new Image(); 
      var a4 = new Image(); 

      a1.src="L1.jpg"; 
      a2.src="L2.jpg"; 
      a3.src="L3.jpg"; 
      a4.src="L4.jpg"; 

      var imgArray = new Array(a1, a2, a3, a4, a1); 

         var counter = 0; 
      var end = imgArray.length - 1; 

         function changeImage() { 



     </SCRIPT> 

    </BODY> 
</HTML>

私のコードにはいくつかの問題があります。配列を変更できるボタンを設定することができないようです。変数。配列内の変数を変更するボタンを設定する方法

ありがとうございました。

出典

2016-05-25 thecyanbapple

私はあなたが変数を変更したい場合は、私が正しくあなたの質問を理解してきたかどうかわからないんだけど、ここに私のsujestionだ

var a1 = new Image(); 
 
      var a2 = new Image(); 
 
      var a3 = new Image(); 
 
      
 
      a1.src="http://images.my-addr.com/img/exam_gif_to_png_q1.png"; 
 
      a2.src="http://simswiki.info/images/3/30/Windows_Logo.png"; 
 
      a3.src="http://www.fordesigner.com/imguploads/Image/cjbc/zcool/png20080526/1211810400.png"; 
 

 
      var imgArray = new Array(a1, a2, a3); 
 

 

 
         function changeImage() { 
 
      
 

 
      document.getElementById("array").innerHTML="old: 1: "+imgArray[0].src+"<br>2: "+imgArray[1].src; 
 
    //change itself 
 
    var a=imgArray[0].src; 
 
    imgArray[0].src=imgArray[1].src; 
 
    imgArray[1].src=a; 
 
    //endofchange 
 
      document.getElementById("array").innerHTML+="<br>new: 1: "+imgArray[0].src+"<br>2: "+imgArray[1].src;    
 
          
 
         } 
 
      
 
      function switchImage() { 
 
       var index = imgArray.findIndex(function(elem){return elem.src==document.getElementById("host_im").getAttribute("src");})+1,num=imgArray.length; 
 
      
 
       if(index==num)index=0; 
 
       
 
       document.getElementById("host_im").src=imgArray[index].src; 
 
          
 
         }

<button onclick="changeImage()">change</button> 
 
    <button onclick="switchImage()">switch</button> 
 
    
 
    <IMG SRC="http://images.my-addr.com/img/exam_gif_to_png_q1.png" name="L1" id="host_im"> 
 
     <div id="array"></div>

- それを定義するように、それはのように簡単です。その変数が同じスコープにあるか、グローバルであることを確認してください。 changeImage（）関数を試してください。

スイッチ機能は画像を変更するための機能です。 id = host_imのimgタグのsrcプロパティを見つけ、js配列の要素のインデックスを探して、次のものに切り替えます。同じリンクに注意してください。原因関数は、このようなsrcプロパティを持つ最初の要素を見つけます。

出典

2016-05-25 13:03:12 Rager

配列内の変数を変更するボタンを設定する方法

答えて

関連する問題