Question

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

它不会滑动，即使是三个图像也一直在显示。请帮忙。感谢。

Answer 1

修改以下行。

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

在中间添加间距。

Answer 2

编辑

setTimeout(slideshow(), 3000);

可能有效...... ??

使用JQuery图像滑块进行故障排除

2 个答案: