Flex Slider Teaser拇指图像滑块

时间:2014-12-18 06:11:53

标签: javascript jquery css flexslider

/* 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代码如上所述。

1 个答案:

答案 0 :(得分:1)

您可以在滑块中显示您使用的HTML吗?每张幻灯片中都需要一个引用实际缩略图图像的data-thumb属性。

例如:

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

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

</li>
相关问题