JQuery Cycle Plugin - 转到其他页面中的特定幻灯片

时间:2014-03-24 19:22:44

标签: jquery plugins cycle

在此链接中:

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

我想知道是否可以在此页面中单击例如SLIDE4按钮并转到显示滑块中幻灯片4的下一页。

非常感谢!!

1 个答案:

答案 0 :(得分:0)

当然,更改您的href以包含查询字符串参数以指示幻灯片:

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

然后根据传入的查询参数更改第2页的起始幻灯片:

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

使用以下函数提取查询字符串参数(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, " "));
}