Javascript 幻灯片卡住

标签 javascript jquery html css jsfiddle

我正在用 Javascript 制作幻灯片,但它卡在了第二张图片上。如果您需要更多信息,请告诉我并发布。我真的需要这个修复。

http://jsfiddle.net/QURLC/1/

Javascript:

function slideShow() {
      var showing = $('#slideshow a');
      var next = showing.next().length ? showing.next() : showing.parent().children(':first');
      var timer;

    showing.fadeOut(500, function() { next.fadeIn(200).addClass('show'); }).removeClass('show');

    setTimeout(slideShow, 3500);  
}
$(document).ready(function(){
    slideShow();
});

最佳答案

这里是更新和工作demo

function slideShow() {

      var showing = $('#slideshow a.show');
      var next = showing.next().length ? showing.next() : showing.parent().children(':first');
      var timer;

      showing.fadeOut(500, function() { next.fadeIn(200).addClass('show'); }).removeClass('show');

      setTimeout(slideShow, 3500);

    }

关于Javascript 幻灯片卡住,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15399002/

相关文章:

jquery - 悬停元素时更改其他列表元素的 CSS

javascript - document.getElementById().value 的困难

html - 使元素保持在相同位置而不换行

javascript - Mongo ISODate - 如何检查是否已过去 30 天或更长时间?

javascript - react native 相对位置而不移动其他内容

javascript - 如何使用jquery清除和设置nopcommerce中的文本框、复选框和下拉列表

javascript - Parsley JS 未验证

javascript - scrollTop 和 scrollLeft 在显示 :none elements 上不起作用

html - 使用 z-index 在另一个 div 上方显示 onclick 隐藏的 div

javascript - 可扩展的 div 面板