Jquery 自动播放CSS3幻灯片

我修改了一个预先设计的幻灯片，我发现，我想编辑它，使它自动播放，而用户不必点击箭头。然而，我不知道该怎么做。你能用jQuery模拟点击吗？这是最好的方法吗？

他说他正在使用单选按钮的

checked

属性

我使用单选输入按钮及其标签：checked pseudo 类来控制滑动图像。所以，如果你从一个图像改变 对于其他浏览器，浏览器不会在浏览器历史记录中创建步骤 （就像其他CSS幻灯片一样）

享受我的滑块带来的乐趣：）

---

因此，您可以使用JQuery创建一个循环，该循环遍历复选框数组。通过使用选择器查找当前选中的单选按钮，您可以使用获取一组复选框，并迭代当前选中的单选按钮。

以下是我提出的解决方案。它获取当前幻灯片并每3.5秒前进一次。这特别适用于4张幻灯片，而不是教程中显示的5张幻灯片。我的脚本还包括到达最后一张幻灯片并循环回第一张幻灯片，以及从最新的幻灯片前进（如果用户自己前进）

每张幻灯片都是这样的

<input value="0" type="radio" id="button-1" name="controls" checked="checked"/>

…使用当前幻灯片上的checked=“checked”。每个幻灯片的值为0、1、2、3、…、n

<script type="text/javascript">
        var tmp = 0;
        $(document).ready(
            function() { 
                tmp = parseInt($('input[name=controls]:checked').val());
                var tid = setInterval(advance, 3500);
            }
        );

        function advance() {
            if(tmp == 3) {
                $('input[name=controls]:eq(0)').attr('checked', 'checked');
                tmp = 0;
            }
            else { 
                $('input[name=controls]:eq(' + (tmp+1) + ')').attr('checked', 'checked'); 
                tmp = parseInt($('input[name=controls]:checked').val());
            }
        }

        function abortTimer() { clearInterval(tid); }
    </script>

var-tmp=0；
$（文件）。准备好了吗(
函数（）{
tmp=parseInt（$（'input[name=controls]：checked'）.val（）；
var tid=设定间隔（前进，3500）；
}
);
功能推进（）{
如果（tmp==3）{
$（'input[name=controls]：eq（0）'）.attr（'checked'，'checked'）；
tmp=0；
}
否则{
$（'input[name=controls]：eq（'+（tmp+1）+'））.attr（'checked'，'checked'）；
tmp=parseInt（$（'input[name=controls]：checked'）.val（）；
}
}
函数abortTimer（）{clearInterval（tid）；}

我会尝试一下，然后再报告。谢谢，亚历克斯。