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