それは非常に迷惑で、気が狂ってしまいます。なぜこれが起こっているのか、一生理解できません。
スライダーに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 はありません....それでも、スライダーにはまだ空白のスライドが表示されます!
誰でも何か考えがありますか?