Flex Slider Teaser ползунок изображения

Question

/* Flex Slider Teaser */ 
jQuery(window).load(function() { 
    jQuery('.flexslider').flexslider({ 
     animation: "fade", 
     animationLoop: true, 
     controlNav: "thumbnails", 
     start: function(slider) { 
      jQuery('.flexslider').removeClass('loading'); 
     } 
    }); 
}); 

я использую гибкий слайдер, но в нижней части thoumbnil изображений не отображается в слайдере. \ я проверил на http://flexslider.woothemes.com/thumbnail-slider.html , но он не работает, где я должен изменить в JS ?? мой код JS написан выше.

Answer 1

Можете ли вы показать, какой HTML вы используете в слайдере? Вам нужен атрибут data-thumb в каждом слайде, который ссылается на фактические уменьшенные изображения.

Например:

<li data-thumb="images/thumb1.jpg"> 

    <img src="images/slide1.jpg" /> 

</li>