如何滑動到滑塊上的特定幻燈片

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