Есть набор картинок, некое подобие галереи ...
Помогите разобраться что делаю не правильно ...
Нужно чтоб при загрузке страницы из списка выбирался первый файл и потом вставлялся в хтмл ..., и при нажатии на вперед или назад вываливал следующую картинку ... Вместо этого он снова загружает эту же страницу со стартовыми параметрами ...
<img src="" id="img"/>
<br/>
<a href="" onclick="javascript:nextImage()">Вперед</a>
<a href="" onclick="javascript:previousImage()">Назад</a>
var imageName=["001","002","003","004","005"];
var imageListLength=imageName.length;
var counter=0;
function pageInit(){
var obj=document.getElementById("img");
obj.src="../js/images/"+imageName[counter]+".png";
}
function nextImage(){
var obj=document.getElementById("img");
if(counter>imageListLength){
counter=0;
}
else{
counter++;
}
obj.src="../js/images/"+imageName[counter]+".png";
}
function previousImage(){
var obj=document.getElementById("img");
if(counter<0){
counter=imageListLength-1;
}
else{
counter--;
}
obj.src="../js/images/"+imageName[counter]+".png";
}
window.onload=pageInit;
Буду благодарен за помощь ...