无法在jQuery中多个div动画后定位div

时间:2013-09-02 11:57:13

标签: jquery

我有3个div,里面有一个图像,我可以按顺序滑动所有3个div。我想要的是在3个div滑落之后我想重复这个循环,但是我无法这样做。

请帮帮我。下面是我的jQuery代码。

// JavaScript Document
$(function(){

var Imageslider, Imageslideroptions;

Imageslideroptions = (function(){

    function Imageslideroptions(){
        this.displayduration = 5000;
        this.slidespeed = 1000;
        this.itemsize;
        this.previmage;
        this.current = 0;
        this.slidecomplete = true;

    }
    return Imageslideroptions;
})();

Imageslider = (function(){

    function Imageslider(options){
        this.options = options;
        this.init();
    }

    Imageslider.prototype.init = (function(){
        $container = $('.container');
        this.options.itemsize = $container.find('div').length;
        this.options.previmage = this.options.current;
        this.options.current++;
        this.changeimage();
    });

    Imageslider.prototype.changeimage = (function(){
        var _options = this.options;
        var _this = this;
        _options.current = _options.current % _options.itemsize;
        $('#numbers').html(_options.current+":"+_options.previmage+"-");
        $container = $('.container');
        $previmg = $container.find("div:eq("+(_options.previmage)+")");
        $previmg.show();
        $nxtimg = $container.find("div:eq("+_options.current+")");
        $nxtimg.css({right:'1024px',top:'0px'});
        //$("#numbers").html($nxtimg.css('display'));
        _options.slidecomplete = false;
        setTimeout(function(){_this.slideimage();},_options.displayduration);
    });

    Imageslider.prototype.slideimage = (function(){
        $container = $('.container');
        var _this = this;
        var _options = this.options;
        $previmg = $container.find("div:eq("+(_options.previmage)+")");
        $nxtimg = $container.find("div:eq("+_options.current+")");
        $previmg.animate({left:'1024px'},_options.slidespeed);
        $nxtimg.animate({right:'0px'},_options.slidespeed);
        _options.previmage = _options.current;
        _options.current++;
        this.changeimage();
    });
    return Imageslider;
})();

$(function(){
    var options, imageslider;
    options = new Imageslideroptions;
    return imageslider = new Imageslider(options);
});
});

0 个答案:

没有答案