Question

我有一个（主要）滑块（主要显示图像 - 一次一个），其底部是另一个缩略图滑块。我正在尝试制作缩略图，以便点击一个缩略图自动在主滑块上显示该图像。我以前做的jQuery如下（跳转到最后一个函数）：

$(document).ready(function(){
        main_slider = $('.bxslider').bxSlider({
            speed: 500,
            adaptiveHeight: true,
            video: true,
            auto: true,
            autoHover: true,
            autoControls: true,
            autoControlsCombine: true
        });
        thumb_slider = $('.thumbnailslider').bxSlider({
            slideWidth: 40,
            minSlides: 2,
            maxSlides: 15,
            slideMargin: 2
        });

        this_slider_index = $('.bxslider project_gallery_view gallery_project_display a.main_display').attr("href");

        $('.thumbnailslider a.bx-clone').click( function(){
            $('.thumbnailslider a.bx-clone').attr("href", this_slider_index)
        });
});

我在这里做的是为缩略图类的每个缩略图创建一个点击功能。然后我将每个href属性设置为主滑块中每个图像的索引。但是，我的滑块就好像这个功能不存在，这意味着我显然遗漏了一些东西。我已经尝试了几个小时的搜索解决方案，但无法弄清楚我在这里做错了什么。（免责声明：我对jQuery也不是很熟悉，所以如果有明显的话，请原谅我。）

制作缩略图更改滑块上显示的图像

0 个答案: