[solved ✔️] Image slider || onclick can you please simplyfi the second function prev()..

Question

/* first function next() is easy to understand but the second one prev() is getting difficult to me
please help me to simply the
Prev() function*/

var images = [
"http://www.sololearn.com/uploads/slider/1.jpg",
"http://www.sololearn.com/uploads/slider/2.jpg",
"http://www.sololearn.com/uploads/slider/3.jpg"
];
var num = 0;

function next() {
var slider = document.getElementById("slider");
num++;
if(num >= images.length) {
num = 0;
}
slider.src = images[num];
}

function prev() {
var slider = document.getElementById("slider");
num--;
if(num < 0) {
num = images.length-1;
}
slider.src = images[num];
}

Answer 1

What's the issue 🤔?.. The code seems correct..

Regarding the explanation about second function..
When you run the prev function the previous image would be displayed..

Now num is decremented and if num<0(which means there's no image behind and you're on first image-img 1) so you set num to images.length-1 i.e your final image in the array..

So if you run prev function when num is 0(that is you're at first image-img 1-then the previous image would be the last image in the array-img 3

Answer 2

$hardul B thanks for clarify the function
Yes Code is correct but before your answer it was difficult to me how prev() function work.. thanks again

Answer 3

Well imagine your gallery..when you go behind the very first image you see the last image 👍