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

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

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

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

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

1 个答案: