2013-09-29 2 views
0

Я пытаюсь изменить источник html img с помощью якорей, которые запускают javascript при щелчке, но он не работает. Вот мой код:Галерея изображений Javascript с массивом

HTML

<body> 
<img src='./images/img1.png' id='gallery'> 
<a href="#" id="back">Back</a> - <a href="#" id="next">Next</a> 
</body> 

JS

var image = new Array(3) 
image[1]="./images/img1.png" 
image[2]="./images/img2.png" 
image[3]="./images/img3.png" 
var num = 1; 

document.getElementById('next').addEventListener('click', function(galleryNext){ 
num=num+1 
if (num==4) 
{num=1} 
document.getElementById('gallery').src=image[num]; 
}); 

document.getElementById('back').addEventListener('click', function(galleryPrevious){ 
num=num-1 
if (num==0) 
{num=3} 
document.getElementById('gallery').src=image[num]; 
}); 
+1

Its работает нормально .. http://jsfiddle.net/BEDwY/2/ – shyammtp

ответ

0

хорошо, поместите код JS внутри функции и вызвать его на onload случае тела

+0

Можем ли мы иметь пример, пожалуйста. – RickyA

Смежные вопросы