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

【问题标题】：Troubleshooting with JQuery image slider使用 JQuery 图像滑块进行故障排除
【发布时间】：2012-09-11 06:34:16
【问题描述】：

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

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

【问题讨论】：

标签： jquery image model-view-controller slider

【解决方案1】：

修改下面一行。

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

在中间添加间距。

【讨论】：

谢谢，现在可以了，你能告诉我，什么时候添加这样的空间以及为什么？
每当我们将子 div w.r. 引用到父 div 时，我们都需要使用这种格式。例如，$(".parent ul")、$(".parent #child")...

【解决方案2】：

编辑喜欢

setTimeout(slideshow(), 3000);

可以吗...？？

【讨论】：