JQuery Cycle Plugin - Go to specific slide in other page

Question

In this link:

http://www.contactarte.com.pe/test/page1.html

I wonder if it possible to click in this page for example SLIDE4 button and go to next page showing the slide 4 in the slider.

Thanks a lot !!

Answer 1

Sure, change your href to include a query string parameter to indicate the slide:

<a href="page2.html?slide=0">SLIDE 1</a>
<a href="page2.html?slide=1">SLIDE 2</a>

Then change the starting slide on page2 based on the query parameter passed in:

$('#rotating-item-wrapper').cycle({
    startingSlide: (getParameterByName('slide') || 0);
});

Using the following function to extract your query string parameters (found here):

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}