// JavaScript Document function imgFocus(container,time){ var THIS=this; this.index = 1; this.imgSize = $(container+" .focusPic img").size(); //初始化函数 this.init = function(){ //复制图片到略缩图 $(container+" .focusPic a img").clone().appendTo(container+" .focusPreview"); //加载数字按钮 $(container+" .focusBtns").empty() for(i=this.imgSize,j=0;i>0;i--,j++){ $(container+" .focusBtns").append(""+i+""); } //设置焦点图层的顺序 $(container+" .focusPic a").eq(0).css("z-index",this.imgSize).css("position","absolute"); $(container+" .focusPic a").not($(container+" .focusPic a")[0]).css("z-index",1); this.setStatus(1); this.bindEvent(); } //绑定动作函数 this.bindEvent = function(){ //略缩图绑定动作 $(container+" .focusPreview img").hover(function(){ $(this).addClass("active"); },function(){ $(this).removeClass("active"); $(container+" .focusPreview img").eq(THIS.index-1).addClass("active"); }); $(container+" .focusPreview img").each(function(i){ $(this).click(function(){ THIS.imgActive(i+1); }); }); //绑定数字按钮动作 $(container+" .focusBtns a").hover(function(){ $(this).addClass("active"); },function(){ $(this).removeClass("active"); $(container+" .focusBtns a").eq(THIS.imgSize - THIS.index).addClass("active"); }); $(container+" .focusBtns a").each(function(i){ $(this).click(function(){ THIS.imgActive(THIS.imgSize-i); }); }); } //设置状态函数 this.setStatus = function(i){ $(container+" .focusPreview img").removeClass("active").eq(i-1).addClass("active"); $(container+" .focusBtns a").removeClass("active").eq(this.imgSize-i).addClass("active"); $(container+" .focusTitles a").hide().eq(i-1).show(); } //焦点图激活 this.imgActive = function(i){ if(THIS.index != i){ var tempIndex = THIS.index; $(container+" .focusPic a").eq(i-1).css("z-index",THIS.imgSize-1); this.setStatus(i); THIS.index = i; $(container+" .focusPic a").eq(tempIndex-1).fadeOut(500,function(){ $(container+" .focusPic a").eq(i-1).css("z-index",THIS.imgSize); $(container+" .focusPic a").not($(container+" .focusPic a")[THIS.index-1]).css("z-index",0).show(); }); } } //递增轮换 this.next = function(){ var tempIndex = THIS.index; if(tempIndex>=THIS.imgSize){ tempIndex = 1; }else{ tempIndex++; } THIS.imgActive(tempIndex); setTimeout(THIS.next,time); } //启动函数 this.play = function(){ this.init(); setTimeout(this.next,time); } }