Question

我正在尝试从其他页面链接到特定幻灯片。

我正在使用的代码（在document.ready中）是：

$('#goto1').click(function() { 
    window.location.href = "page.html#projects";
    setTimeout(function () {
    $('.cycle-slideshow').cycle(3); 
    return false;
    }, 5000);   
});

它转到相关的URL，但是然后没有将循环幻灯片div更改为幻灯片3 - 事实上，重定向后没有任何反应。

显然我错过了什么 - 有什么想法吗？

Answer 1

使用的cycle2内置功能。</ p>

即

var slideshow = $('.cycle-slideshow');
maxSlides = slideshow.data('cycle.opts');

slideshow.on({
'cycle-update-view': function(event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
    UpdateTitles();
}
});

function UpdateTitles(){
var currentSlide = slideshow.data('cycle.opts').currSlide;
activeSlide = $(".cycle-slide-active");
activeTitle = activeSlide.data('title');

if(currentSlide == 0){
    nextTitle = activeSlide.next().data('title');
    prevTitle = '';
}
else if(currentSlide == maxSlides-1){
    prevTitle = activeSlide.prev().data('title');
    nextTitle = $(".cycle-slide").eq(0).data('title');
}
else {
    nextTitle = activeSlide.next().data('title');
    prevTitle = activeSlide.prev().data('title');
}

$('#prev').html(prevTitle);
$('#next').html(nextTitle);
}

UpdateTitles();

});

JQuery / Cycle2 - 转到网址然后调用特定幻灯片

1 个答案: