Jquery Cycle 2不同的幻灯片同步

时间:2012-09-13 21:34:01

标签: jquery synchronization slideshow sync cycle

我是这个地方的新手,但我在编写javascript / jquery方面一直比较陌生,但我一直在使用jquery循环,并尝试同时运行两个幻灯片。这是我的代码:

$(document).ready(function() {
$('.slideshow1').cycle({ //first slide
    fx: 'fade',
    containerResize: false, //for autoresizing using CSS
    slideResize: false, //for autoresizing using CSS
    fit: 1, //for autoresizing using CSS
    speed:   2000, 
    timeout: 5000, 
    after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
      $('.slideshow2').cycle('next');
}
});
$('.slideshow2').cycle({
    speed:   2000, 
    timeout: 0, 
});

它在很大程度上起作用,但我注意到它在Opera中不起作用,Opera有没有办法运行它?我还需要告诉大家,这些代码适用于两个不同的幻灯片,一个内置自动调整大小的幻灯片,依赖于浏览器的窗口和CSS。第二个是简单的,没有调整大小的幻灯片。我显而易见的问题是如何让它在Opera中运行(如果我使用的是正确的代码),是否会有更优化的方法呢?

1 个答案:

答案 0 :(得分:0)

您可能想要尝试更新版本的jQuery Cycle插件:Cycle2