Javascript Snooks幻灯片放映

我看过幻灯片，我从那里得到了所有的代码，但这些图片从未消失，它们被添加到旧图片的前面，这会对我的网站收费过高。有人知道怎么解决吗？代码如下：

<style>
  .fadein { position:relative; width:500px; height:332px; }
  .fadein img { position:absolute; left:0; top:0; }
</style>

<div class="fadein">
  <img src="https://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">
  <img src="https://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">
  <img src="https://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg">
</div>

$(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
});

.fadein{位置：相对；宽度：500px；高度：332px；}
.fadein img{位置：绝对；左侧：0；顶部：0；}
$（函数（）{
$（'.fadein img:gt（0）'）.hide（）；
setInterval（函数（）{$（'.fadein:first child'）.fadeOut（）.next（'img'）.fadein（）.end（）.appendTo（'.fadein'）；}，3000）；
});

在这方面，它是有效的，但在我的网站上，它不是。有什么帮助吗

更多信息

• 这是来自控制台的，因此您可以看到创建的图像数量
• 控制台中没有错误

编辑

我去同一个网站上看了另一张幻灯片，但是我可以得到多张，得到了我想要的，除了一件事，fadeIn被窃听了，它开始褪色，但随后它取消并更改为下一张图片

<style>
.multipleslides { position:relative; height:332px; width:500px; float:left; }
.multipleslides > * { position:absolute; left:0; top:0; display:block; }
</style>
<div class="multipleslides">
  <img src="https://farm3.static.flickr.com/2610/4148988872_990b6da667.jpg">
  <img src="https://farm3.static.flickr.com/2597/4121218611_040cd7b3f2.jpg">
  <img src="https://farm3.static.flickr.com/2531/4121218751_ac8bf49d5d.jpg">
</div>
<script>
      $('.multipleslides').each(function(){
        // scope everything for each slideshow
        var $this = this;
        $('> :gt(0)', $this).hide();
        setInterval(function(){$('> :first-child',$this).fadeOut().next().fadeIn().end().appendTo($this);}, 4000);
      })
    });
</script>

.multipleslides{位置：相对；高度：332px；宽度：500px；浮动：左；}
.multipleslides>*{position:absolute；left:0；top:0；display:block；}
$（'.multipleslides'）。每个（函数（）{
//为每个幻灯片设置范围
var$this=这个；
$（'>：gt（0）'$this.hide（）；
setInterval（function（）{$（'>：first child'，$this）.fadeOut（）.next（）.fadeIn（）.end（）.appendTo（$this）；}，4000）；
})
});

我已经对您的代码进行了一些更新，应该可以修复幻灯片。在我看来，有一些语法错误，我也使选择器更容易阅读

$（文档）.ready（函数（）{
$（'.multipleslides'）。每个（函数（）{
//为每个幻灯片设置范围
$（this.children（'img'）.not（“：eq（0）”）.hide（）；
setInterval（函数（）{
$（this）.children（'img'）.first（）.fadeOut（）.next（）.fadeIn（）.end（）.appendTo（$（this））；
}.bind（$（this）），4000）；
});
});
.multipleslides{
位置：相对位置；
高度：332px；
宽度：500px；
浮动：左；
}
.多滑块>*{
位置：绝对位置；
左：0；
排名：0；
显示：块；
}

在你的计算机中，它不是什么意思？@BrettDeWoody就像我在Begging中说的那样，它不会消失或消失，它只是将图像放在另一个图像之前，它会使我的网站超载。fiddle正在加载jQuery。您是否正在将其加载到站点的页面中？@BrettDeWoody Jquery 3.2.1为了准确起见，您是否在
document.ready（）中运行幻灯片放映代码？