jquery - 如何滑动到 slider 上的特定幻灯片

Question

我想使用 url 将 slider 滑动到特定幻灯片。我可以使用幻灯片编号滑动到特定幻灯片，但我需要使用它的 ID 滑动到它。

例如:如果我打开 slider.html?pic=sunset，它会将 slider 滑动到带有 id=slide 的幻灯片上

$(window).load(function () {
    $('#carousel').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: true,
        itemWidth: 210,
        itemMargin: 5,
        asNavFor: '#slider'
    });

    $('#slider').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: true,
        sync: "#carousel",
        start: function (slider) {
            $('body').removeClass('loading');
        }
    });
});

Answer 1

您可以找到 ID 为“sunset”的幻灯片的索引..

如果您的 flexslider HTML 结构类似于..

<div id="slider">
     <div>...<img/>...</div>
     <div>...<img/>...</div>
     <div id="sunset">...<img/>...</div>
     <div>...<img/>...</div>
</div>

试试这段代码..

var index = $('#sunset').index();   // will give you 2
$('#slider').flexslider(index);   // will take you to that slide