我发现了一些用于制作幻灯片的简单代码,但它是一个自动播放幻灯片,我希望自动播放功能以及下一个/后退切换。
这是我的代码:
$(function () {
$("#slideshow > div:gt(0)").hide();
setInterval(function () {
$('#slideshow > div:first')
.fadeOut(2000)
.next()
.fadeIn(2000)
.end()
.appendTo('#slideshow');
}, 6000);
});
和HTML
<div id="slideshow">
<div>
<a href="agency/thestudio.html">
<img src="Images/slide1.gif" border="0" />
</a>
</div>
<div>
<a href="agency/mm.html">
<img src="Images/slide2.gif" border="0" />
</a>
</div>
<div>
<a href="agency/thestudio.html">
<img src="Images/slide3.gif" border="0" />
</a>
</div>
</div>