Как скользить к определенному слайду на слайдере

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

Вы можете найти индекс слайда, который имеет идентификатор, как 'закат' ..

Если FlexSlider HTML структура похожа ..

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

Try этот код ..

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

Answer 2

Вы можете Acces объекта слайдера, как:

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

И будешь скользить с индексом. Вам потребуется:

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