如何滑动到滑块上的特定幻灯片

Question

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

例如：如果我打开slider.html?pic=sunset它将与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为 '夕阳' 的幻灯片指数..

如果您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 

Answer 2

滑块滑动滑动可以存取权限的滑块对象，如：

var exampleSlider = $('#slider').data('flexslider'); 
// now you can access all the methods for example flexAnimate 
exampleSlider.flexAnimate(..); 

而对于要与指数下滑。你将需要：

exampleSlider.flexslider(3);//3 is index here