Image Display with Next Previous Button

Question

I have to make 2 buttons and give 10 images. When i press next it should show me next image and previous when i press previous button.

Rahul Prajapat · Answer

Hello @Nashir Try this var CurrentImg = 1; var MaxImage = 4; var MinImage = 1; function ChngImg(a) { if (a == 1) { if (CurrentImg == MinImage) { CurrentImg = MaxImage+1; } CurrentImg--; document.getElementById(img1).src =Images/ +CurrentImg+.png; } else { if (CurrentImg == MaxImage) { CurrentImg = MinImage-1; } CurrentImg++; document.getElementById(img1).src =Images/ +CurrentImg+.png; } }

Karthikeyan K · Answer

http://www.tutorialspoint.com/javascript/javascript_animation.htm

Manas Mohapatra · Answer

var currentImage = 1; //assuming the 1st image shown is always the first then you add two buttons Previous Next on your function you update the currentImage with the given param function showDiv(which) { for(i = 0; i document.getElementById(image+i).style.display=none; } //in the next 2 lines you make sure which isn't lower than 1 and isn't greater than the number of images if(which if(which > 13) which = 13; document.getElementById(image + which).style.display = block; currentImage = which; }