Question

忍受我，我不是程序员。我有一个来自方形空间的template based site，播放效果不佳。股票一个滚动太快。所以我在设置中关闭了自动播放功能。

我能够添加jquery / java / html / css但我无法更改现有代码。任何人都有关于如何使这个幻灯片正常工作的任何建议？

这是我添加它以使其播放/淡出的内容，但它真的很笨拙。

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

Answer 1

试试吧？确保JQuery包含在页面顶部（我自己主持，但你可以获得谷歌主机）它看起来像这样：

<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);
});

我的jquery幻灯片无法正常运行

1 个答案: