Почему один из моих слайдов случайно исчезает в этом слайд-шоу?

Это очень раздражает и сводит меня с ума. Я не могу в жизни понять, почему это происходит.

Вот ссылка

Я использую плагин 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, как будто я пытаюсь получить доступ к несуществующему изображению... и тем не менее: ползунок по-прежнему показывает пустой слайд!

У кого-нибудь есть идеи?


person Samuel Stiles    schedule 23.07.2013    source источник


Ответы (1)


Вы написали <li> вместо </ul>. Это анализируется как дополнительный элемент списка, и вы получаете дополнительный пустой слайд.

person sabof    schedule 23.07.2013