0

请耐心等待，我不是程序员。我有一个来自 squarespace 的基于模板的网站，幻灯片放映效果不佳。股票一滚动太快。所以我在设置中关闭了自动播放。

我能够添加 jquery / java / html / css 但我无法更改现有代码。有人对如何使此幻灯片正常工作有任何建议吗？

这是我添加的让它播放/淡入淡出的内容，但它真的很急躁。

<script>
window.setInterval(slideClick, 9000); function slideClick() 
{ $(".slide").click(); $(".sqs-active-slide").hide().fadeIn(); }
</script>
4

1 回答 1

0

试试这个可能吗？确保 JQuery 包含在页面顶部（我自己托管我的，但您可能可以获得 google 托管）它看起来像这样：

<script type="text/javascript" src="path/to/jquery.min.js"></script>

然后你把它放在页面底部：

<script type="text/javascript">    
$(document).ready(function() {
    $(".slide").bind("click", function(){

        $(".sqs-active-slide").fadeOut(500, function(){
            //change active slide here
            //remove class from current active slide
            //then run the following line
            $(".sqs-active-slide").fadeIn(500);
        }); 

    }); 

    window.setInterval(slideClick, 9000); 
});

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

这只会停留在同一张幻灯片上，因此您必须添加代码才能转到下一张幻灯片，我无法猜测该怎么做，因为您没有提供足够的代码。

编辑：它不起作用的原因是因为在我的示例中，您必须更改 JQuery 的 $ 因为您的 JQuery 是这样配置的但是，请查找：

if ( $active.length == 0 ) $active = jQuery('#slideshow span:last');

将该行之后的其余函数更改为：

var $next = $active.next().length ? $active.next() : jQuery('#slideshow span:first');
$active.addClass('last-active');
$active.fadeOut(500, function(){
    $next.addClass('active').fadeIn(500);
});
于 2013-08-26T18:41:03.317 回答