如何在没有任何事件的情况下连续设置JQuery中图像的fadein和fadeout sildeshow？

如何使用CSS连续设置简单的JQuery幻灯片放映，而无需鼠标悬停、单击等任何事件？

编写一个幻灯片放映函数。使用

settimeout

给它一个间隔并调用您的函数

---

请参见此处的示例：

在

$（document）.ready（）

调用中调用或至少初始化了jQuery中的大多数函数。只需包含一个定时命令，如

setInterval

，该命令返回函数，并在加载DOM时运行，如：

$(document).ready(function(){
    var t = setInterval(mySlideShow, 3000)
    });

或者，如果函数自身重复，只需在

ready（）

上调用函数：

编辑：

根据要求，我能想到的最简单的幻灯片如下：

<div id="slideshow">
    <img src="1.jpg" />
    <img src="2.jpg" />
    <img src="3.jpg" />
</div>

---

可能对您来说并不完美，但您至少可以看到我要用它去哪里…

您试过了吗？我认为这是一个很棒的幻灯片，你只需要一个

，里面有一些

标签。谢谢你，伙计……div中的图像应该是绝对位置还是绝对位置。。？？？？绝对位置是否需要..对于这个例子，这并不重要。如果你喜欢我的答案-接受它！：）

<div id="slideshow">
    <img src="1.jpg" />
    <img src="2.jpg" />
    <img src="3.jpg" />
</div>

$(document).ready(function(){
    $('#slideshow img:first-child').addClass('shown').show();
    setInterval(slideShow,3000);
});
//and here is the function
function slideShow()
    {
    $('#slideshow img:last-child').prependTo($('#slideshow')).fadeIn(1000);
    $('.shown').fadeOut(1000).removeClass('shown');
    }