Question

I have setup an iframe on my page and would like it to update when clicking on a next button.

I have an array of urls which I want to be called when the next button is clicked.

The next button should load the next url in the iframe.

I am stuck at how do i always call the next index position each time i click the next button?

Answer 1

var pos = 0;
var urlArray = [...]; //Put your array of URLs here
$('#next').click(function() {
    if (pos == urlArray.length)
        pos = -1; //Reset it back to the beginning so it'll loop and not throw an exception.
    $('#youriframe').attr('src', urlArray[++pos]); //note the pre increment (++)
});