如何让我的幻灯片自动播放？

Question

在my homepage，我有一个幻灯片，我试图让它在加载时自动播放，并带有一个很好的淡入淡出过渡。我关闭了自动播放功能，因为淡入淡出太快了。我为过渡添加了这个（断断续续）。它是来自 squarespace 的模板网站。我确实可以选择将 java 添加到“页面代码注入”区域。

.slide {    
-webkit-transition: opacity 5s ease-in-out;
-moz-transition: opacity 5s ease-in-out;
-ms-transition: opacity 5s ease-in-out;
-o-transition: opacity 5s ease-in-out;
transition: opacity 5s ease-in-out;}

Answer 1

出于某种原因，萤火虫不会让我打开控制台面板。最好的解决方案是将 JS 编辑为自动播放。如果无法做到这一点，您可以使用 jQuery 在divs 上自动触发您自己的点击事件

    <script  src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script>
    window.setInterval(slideClick, 5000);

    function slideClick() {
     $(".slide").click();
    }
    </script>