Javascript java脚本幻灯片放映不起作用

现在我正在学习html、css和javascript

现在我正在使用html、css和javascript幻灯片

下面是幻灯片放映的代码：Javascript

 $("#slideshow > div:gt(0)").hide();

    setInterval(function() { 
      $('#slideshow > div:first')
        .fadeOut(1000)
        .next()
        .fadeIn(1000)
        .end()
        .appendTo('#slideshow');
    },  3000);

并在html中调用js文件，如下所示：

<script type = "text/javascript" src= "js/slide.js"></script>

但图像显示有序，幻灯片无法播放。我的页面看起来像这样

我可以知道吗，我错在哪里了

任何帮助都将不胜感激

---

提前谢谢。

您错过了这一行中的孩子

 $('#slideshow > img:first')

$slideshow>div:gt0.hide； setIntervalfunction{ $'slideshow>div:第一个孩子' .fadeout 1000 下一个 .fadeIn1000 终止 .附于“幻灯片放映”之后； }, 3000;

---

js/slide.js包含什么？您是否包括jQuery？你能创建一个提琴来说明这个问题吗？你能提供JSFIDLE吗？。。因为这对我不起作用。谢谢