Javascript幻灯片放映被卡住了

我正在用Javascript制作幻灯片，它被卡在第二张图片上。如果你需要更多的信息，让我知道，我会张贴它。我真的需要把这个修好

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();
});

---

这里是更新和工作

---

+1用于包含您的JSFIDLE.：）嘿，你忘了在你的JSFIDLE中包含jquery，所以它不起作用：）=）你所有的图像都会同时显示和淡出，你在所有屏幕上调用了你的函数。现在在悬停时添加暂停是容易的，还是太复杂了？@rlemon我刚刚编辑了他的代码，有很多事情需要优化。@GarrettJohnson只需在变量中保存setTimeout，在悬停时保存clearTimeout，然后在悬停时再次添加timeout。如果你满意，就接受我的回答。

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);

    }