Question

我正在开发的网站上有一个活跃的bxSlider，并希望保留主题的布局（请参阅案例研究部分下的here）。

基本上bxSlider会旋转，缩略图寻呼机图像会保持静止，但是活动的图像会突出显示。

但是，将customPager设置为缩略图图像会使其看起来变成旋转木马，每个元素的宽度为663px。我尝试了很多选项（仍然在尝试）并检查了类似的问题，但没有找到解决方案。

我不介意发布标记，但有很多，所以我认为提供问题实际发生的网址可能会更好。

感谢所有人和任何帮助，我一直想敲打几个小时才想出来。

Answer 1

好的，所以使用jquery我能够编辑为bxSlider创建的元素的宽度...我的另一个问题是缩略图寻呼机图像仍在移动，所以这里是我的js当前是如何保持缩略图寻呼机到位。但问题是主图像现在显示重复的寻呼机：

$(document).ready(function(){
        $('.enable-bx-slider').bxSlider({
            pagerCustom: '#bx-pager-all',
            minSlides:1,
            maxSlides: 1,
            speed: 1000,
            auto: true,
            autoStart: true
        }).css('transform', 'translate3d(0px, 0px, 0px)');

  $('.enable-bx-slider').children().css('width', '115px');
    });

Answer 2

在阅读完文档然后检查自述文件之后，这是我想出来的......

结果是滑块的html上的数据属性与默认情况下设置的主题保持一致。所有需要发生的是以下js：

$(document).ready(function(){
    var slider = $('.bx-slider-all').bxSlider({
        pause: 10000
    });
});
slider.startAuto();

现在所需要做的就是我需要找出当主图像发生变化时如何突出显示“活动”缩略图......

再次找到解决方案here

bxSlider customPager导致li元素的宽度为663px？

2 个答案: