如何使此滑块自动幻灯片放映

时间:2013-12-03 16:06:13

标签: javascript slider slideshow

这是我的javascript代码仅适用于点击事件,我想制作此自动幻灯片。请帮帮我,我不知道怎么做..

var wflSliders = ({});
var wflSlider = new Class({
    Implements:[Options,Events],
    initialize:function(options){
        this.setOptions(options);
        if(this.options.ribbon_behavior == 'scroll'){
            this.wrapper = $('rand_products_wfl_'+this.options.id);
            if(this.wrapper){
            this.ribbon = this.wrapper.getElement('.jspw_ribbon');
            this.scroll_r = this.wrapper.getElement('.jspw_scroll');
            this.lt = this.wrapper.getElement('.jspw_ribon_button_lt');
            this.rb = this.wrapper.getElement('.jspw_ribon_button_rb');
            this.blocks = this.wrapper.getElements('.jspw_prod');
            var blockSize = this.blocks[0].getComputedSize();
            var dim = (this.options.orientation == 'hor')?'x':'y';
            if(this.options.effect_block == 'single'){
                this.offset=(dim=='x')?blockSize.totalWidth:blockSize.totalHeight;
            }

2 个答案:

答案 0 :(得分:1)

一种方法是,您可以在Javascript中使用名为setInterval的内置函数,并在将函数包装到函数中之后,在您希望获得幻灯片速度的时间间隔内调用它。

如下所示:

setInterval(function(){
   slideShow(); // Every second the function is called
},1000);

请查看此处的文档以获取更多信息:MDN Documentation for setInterval function

更新:Givi向我证实(在我的回答评论中)我的回答是不对的。使用我建议的方法风险很高,最好递归使用setTimeout,如下所示:

function slideShow() {
    setTimeout(function() {
       slideShow();
    }, 1000);
}

答案 1 :(得分:-1)

您可以使用幻灯片插件。祝你好运