Question

非常烦人，让我失去理智。我不能为我的生活弄清楚为什么会这样。

我正在使用滑块的ResponsiveSlides插件 - 我会在它到达幻灯片末尾的时候，它会重复到第一张幻灯片。

相反，它似乎到了幻灯片的末尾，然后显示一张空白幻灯片，然后重复回到第一张幻灯片。

当我尝试使用“轨道”滑块时，会发生同样的效果。当我试图使用另一个滑块时。

我确信它不是滑块插件的错（我怀疑所有3个滑块插件在幻灯片结束时随机显示空白幻灯片）。

我曾经想过/尝试的事情： - 想到也许其中一张图片坏了......不。这是我的标记：

<!-- begin slider -->
<div class="slider">
    <ul class="rslides">
        <li><img class="slider-image" src="images/slider1.jpg" alt="Slider Picture 1 - Kilmarnock by the Sea" id="slider1"></li>
        <li><img class="slider-image" src="images/slider2.jpg" alt="Slider Picture 2 - Kilmarnock by the Sea" id="slider2"></li>
        <li><img class="slider-image" src="images/slider3.jpg" alt="Slider Picture 3 - Kilmarnock by the Sea" id="slider3"></li>
        <li><img class="slider-image" src="images/slider4.jpg" alt="Slider Picture 4 - Kilmarnock by the Sea" id="slider4"></li>
        <li><img class="slider-image" src="images/slider5.jpg" alt="Slider Picture 5 - Kilmarnock by the Sea" id="slider5"></li>
        <li><img class="slider-image" src="images/slider6.jpg" alt="Slider Picture 6 - Kilmarnock by the Sea" id="slider6"></li>
        <li><img class="slider-image" src="images/slider7.jpg" alt="Slider Picture 7 - Kilmarnock by the Sea" id="slider7"></li>
    <li>
</div>
<!-- end slider -->

我的JavaScript：

$(function() {
    $('.rslides').responsiveSlides({
        auto: true,
        speed: 500,
        random: true,
        timeout: 2500
    });
});

这些图像中的每一个都存在于服务器上，并且控制台中没有404就好像我正在尝试访问不存在的图像....然而：滑块仍然显示空白幻灯片！

有人有任何想法吗？

Answer 1

您已撰写<li>而不是</ul>。这会被解析为一个额外的列表元素，你会得到一个额外的空幻灯片。

为什么我的幻灯片会在此幻灯片中随机消失？

1 个答案: