Javascript Multiple IMG Arrays

Question

Я использую кнопку onclick и массив изображений, чтобы показать 1 изображение, а затем третье изображение. Я хочу, чтобы несколько изображений делали это рядом друг с другом. Код отлично работает с одним. Но когда я пытаюсь добавить еще один, он работает. Я очень новичок в Javascript, поэтому не знаю, в чем проблема.

<button onclick="Suit()" class="button"> 
<img id="IMG1" src="suit.png" class="suit" width="300" height="260"> 
</button> 



<script> 
img_array= new Array('suit.png','suitwrong.png','suittry.png'); 
i=0; 
function Suit() 
    { 
     i++; 
    document.getElementById("IMG1").src=img_array[i]; 
    if(i==img_array.length-1) { 
    i=-1; 

    } 

    } 
    </script> 

В основном я хочу иметь x3 этого кода (3 изображения щелкните по массивам). С радостью поместите его в отдельный файл .js, если это поможет.

Answer 1

Это действительно сценарий? если это так, попробуйте изменить что-то вроде put var каждый раз, когда вы объявляете переменную js. и практиковать больше математики и логики в массивах и циклах. кстати попробовать этот

<button onclick="Suit()" class="button"> 
<img id="IMG1" src="suit.png" class="suit" width="300" height="260"> 
</button> 

<script> 
img_array= new Array('suit.png','suitwrong.png','suittry.png'); 
i=0; 
function Suit() 
    { 
     i++; 
    document.getElementById("IMG1").src=img_array[i]; 
    if(i==img_array.length) { 
    i=i-img_array.length; 
    } 

    } 
    </script> 

теперь попробуйте добавить еще одну картину в массиве