jquery滑块自动播放

时间:2014-05-02 17:29:35

标签: javascript jquery html css

我需要帮助我尝试构建的网站上的编码。 www.diveintodesign.co.uk/ChrisMcCrone/index.html

编码来自http://jquery.malsup.com/cycle/

中间的大图是幻灯片,左边和右边的两个条是下一个和前一个按钮,它们工作正常,但由于某种原因它不会自动运行,javascript包括超时: 0

有谁知道我做错了什么?

干杯,

莉莎

2 个答案:

答案 0 :(得分:1)

我认为将超时设置为保持幻灯片的时间是你想要的。

$('.slideshow').cycle({ 
    fx:     'scrollHorz', 
    speed:  'fast', 
    timeout: 3000, // 3 seconds
    next:   '#next', 
    prev:   '#prev' 
});

答案 1 :(得分:0)

我查了你的代码和jQuery Cycle Plugin网站。我认为您必须将超时更改为高于0的数字,否则它不会自动滑动。

$('.slideshow').cycle({ 
    fx:     'scrollHorz', 
    speed:  'fast', 
    timeout: 5000,  // time in milliseconds you want
    next:   '#next', 
    prev:   '#prev' 
});

另外,我想说的是,侧面的黑条是控制幻灯片的按钮,这一点并不清楚。