0

我正在尝试在 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>

它没有滑动,甚至同时显示所有三个图像。请帮忙。谢谢。

4

2 回答 2

1

修改以下行。

var current = $('#Photos .Show');

在中间添加间距。

于 2012-09-11T06:53:43.967 回答
0

编辑喜欢

setTimeout(slideshow(), 3000);

它可以工作......??

于 2012-09-11T06:36:35.620 回答