0

それは非常に迷惑で、気が狂ってしまいます。なぜこれが起こっているのか、一生理解できません。

リンクはこちら

スライダーにResponsiveSlidesプラグインを使用しています。スライドの最後に到達すると、最初のスライドに戻ると想定します。

代わりに、スライドショーの最後に到達したように見え、その後空白のスライドが表示され、THEN が最初のスライドに戻ります。

オービット スライダーを使用しようとしたときに、これと同じ効果が発生しました。そして、別のスライダーを使用しようとしたとき。

スライダー プラグインのせいではないと確信しています (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 はありません....それでも、スライダーにはまだ空白のスライドが表示されます!

誰でも何か考えがありますか?

4

1 に答える 1

2

<li>の代わりに書いてい</ul>ます。これは余分なリスト要素として解析され、余分な空のスライドが得られます。

于 2013-07-23T15:21:43.953 に答える