javascript - Bxslider 预加载器在没有图像时无限循环运行

Question

当我插入不存在的图像时，例如 https://www.google.es/images/srpr/logo11wz.png bxslider 正在无限加载，但从未达到负载。

这是我的js:

$('.lstsl').bxSlider({slideWidth: 120,minSlides: 2,maxSlides: 9,slideMargin: 15,preloadImages:'visible',onSliderLoad: function(){ $(".lstsl").show(); }});

这是我的 html

<ul class="lstsl" style="display:none">
    <li><img src="http://games.mochiads.com/c/g/spooky-jumps/_thumb_100x100.png" width="270" height="270"  alt="My title" /><a href="#">My title</a></li>
    <li><img src="http://games.mochiads.com/c/g/spooky-jumps/_thumb_100x100b.png" width="270" height="270"  alt="My title" /><a href="#">My title</a></li>
</ul>

请问bxslider加载找不到图片有什么解决办法吗？

谢谢。

Answer 1

我会认为这是插件中的一个错误，或者是一个缺失的功能。您需要做的就是修改一行，以便在出错时它会继续，而不是只是坐在那里等待永远不会发生的加载事件。

修改这一行:https://github.com/wandoledzep/bxslider-4/blob/master/jquery.bxslider.js#L275到

$(this).one('load error', function() {