bxslider最后一张幻灯片将不会被设置为startSlide

我有问题将我的bxslider中的最后一张幻灯片设置为第一张幻灯片。bxslider最后一张幻灯片将不会被设置为startSlide

以下代码将所有其他幻灯片设置为列表中的第一个，但最后一个幻灯片始终显示为列表中的最后一个。

这里是JavaScript：

$(document).ready(function(){ 

    var count = $('.bxslider li.active').index(); 


    $('.bxslider').bxSlider({ 
    minSlides: 8, 
    maxSlides: 8, 
    slideWidth: 121, 
    slideMargin: 12, 
    pager: false, 
    startSlide: count, 
    moveSlides: 1, 
    infiniteLoop: true 
    }); 

});

林不知道这是否是使用infiniteLoop或有事做，但如果任何人都可以在这个闪耀的一些光，这将是伟大的！

谢谢

来源

2013-12-10 Ryano

您能否使用您的代码创建小提琴并演示您的问题？ http://jsfiddle.net/trevordowdle/vgJ9X/18/可能是一个很好的起点，因为'bxslider'已经被加载。 – Trevor

似乎工作正常 - http://jsfiddle.net/4QWc9/ – VJS

我在尝试调整某些用户体验时也经历过相同的情况。

我发现如果幻灯片在加载滑块之前隐藏，则不会遵守'startSlide'选项。

我已经通过CSS隐藏了所有幻灯片，除了默认幻灯片，因为幻灯片最初会在加载时显示，然后在bxSlider初始化后消失。为了防止这种情况发生，我创建了一个名为'hideuntilloaded'的css类，其中输入了display:none;，并应用于幻灯片以防止它们在加载过程中显示。一旦滑块成功加载，我就从幻灯片中删除了该类。

这导致上述问题的'startSlide'选项不服从（以及其他一些包括重复条目开始出现！）。

要解决这个问题，请确保在初始化滑块之前，通过在启动滑块之前删除行上的'hiduntilloaded'类，再次显示幻灯片。例如：$('.hideuntilloaded').removeClass('hideuntilloaded');

它似乎仍然可以防止幻灯片在装载过程中闪烁。

如果您正在做与幻灯片的可见性类似的任何事情，那么这可能是原因。

来源

2016-07-04 15:03:28 Radderz

bxslider最后一张幻灯片将不会被设置为startSlide

回答

相关问题