/*幻灯片样式*/
function slideclass(dividname){
//幻灯节点对象
this.divobj=$("#"+dividname);
//大图节点对象
this.divbigimgobj=$("#"+dividname+" .list");
this.bigliarr=$("#"+dividname+" ul li");
//缩略图节点对象
this.divobj.append("
");
this.divthumbobj=$("#"+dividname+" .thumb");
this.thumbliobj=null;
//其他设置
this.index=0;
this.timeer=null;
this.speed=4000;//切换速度
}
/**
* 初始化
*/
slideclass.prototype.init=function(n){
this.setcenter();
this.setbtn();
this.bindevt();
this.showone();
this.play();
}
/**
* 设置按钮,没有原始宽度直接忽略
*/
slideclass.prototype.setcenter = function(){
this.bigliarr.find('img').each(function(){
var oldw=$(this).attr("oldw");
if(oldw==undefined || oldw==null){
return false;
}
$(this).css({'margin-left':"-"+oldw/2+"px",'position':'relative','left':"50%"});
})
}
/**
* 设置按钮
*/
slideclass.prototype.setbtn = function(){
var width=parseint(17* this.bigliarr.length, 10);
this.divthumbobj.css({"width": width + "px","height":"12px","position":"relative","left":"50%","bottom":"25px","margin-left":"-"+(width/2)+"px"});
// var thehtml = "";
var thehtml = "";
for (var i = 0; i < this.bigliarr.length; i++) {
thehtml += "";
}
thehtml += "
";
$(this.divthumbobj).html(thehtml);
this.thumbliobj = $(this.divthumbobj).find("li");
$(this.thumbliobj[0]).addclass("onfocus");
}
/**
* 为大图及按钮绑定事件
*/
slideclass.prototype.bindevt = function(){
var theobj = this;
//$(this.bigimgarr).hover(function(){
// clearinterval(theobj.timeer);
//}, function(){
// theobj.play();
//});
$(this.thumbliobj).hover(function(){
clearinterval(theobj.timeer);
theobj.index=parseint($(this).attr("rel"),10);
theobj.showone();
theobj.play();
}, function(){
});
theobj.divobj.hover(function(){
theobj.divobj.find(".left1,.right1").show();
},function(){
theobj.divobj.find(".left1,.right1").hide();
})
this.divobj.find(".left,.left1").click(function(){
clearinterval(theobj.timeer);
theobj.index--;
theobj.showone();
theobj.play();
})
this.divobj.find(".right,.right1").click(function(){
clearinterval(theobj.timeer);
theobj.index++;
theobj.showone();
theobj.play();
})
}
/**
* 播放
*/
slideclass.prototype.play=function(){
var theobj=this;
this.timeer=setinterval(function(){
theobj.index++;
theobj.showone()
},this.speed);
}
/**
* 显示一个
*/
slideclass.prototype.showone=function(){
var theobj=this;
if(this.index<0){//返回最后一个
this.index=this.bigliarr.length-1
}else if(this.index>this.bigliarr.length-1){//返回第一个
this.index=0;
}
$(this.bigliarr[this.index]).stop(1,1).fadein(2500).siblings().stop(1,1).fadeout(2500);
$(this.thumbliobj).removeclass("onfocus");
$(this.thumbliobj[this.index]).addclass("onfocus");
}