我正在尝试在 jquery 中制作一个基本的图像滑块,尝试了以下代码:
<div id="Photos">
<img alt="First" src="../../Images/9-10-2012 2-59-52 PM.png" class="Show"/>
<img alt="Scond" src="../../Images/9-10-2012 3-00-20 PM.png" />
<img alt="Third" src="../../Images/9-11-2012 11-56-09 AM.png" />
</div>
<script type="text/javascript">
$(document).ready(function () {
slideshow();
});
function slideshow() {
var current = $('#Photos.Show');
var next = current.next().length ? current.next() : current.parent().children(':first');
current.hide().removeClass('Show');
next.fadeIn().addClass('Show');
setTimeout(slideshow, 3000);
}
</script>
它没有滑动,甚至同时显示所有三个图像。请帮忙。谢谢。