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');
        }
    });
});

我正在使用flex滑塊，但是滑塊底部未顯示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>