");//导航区容器，默认类名smallimgs
var naviNumWrap=$("",{"class":"numNavi"});//数字导航容器，默认类名numNavi
var imgCollection;//切换的大图片集合
var imgPrev;//小图片容器集合
var numNavis;//数字导航对象集合
//初始化
bigImgWrap=$("."+options.wrapName,this).eq(0);
imgCollection=bigImgWrap.find("img");
$(this).append(titleWrap).append(naviWrap);//标题、导航容器加入DOM树
titleWrap.append("").append("").append("");//title加入Dom树
//生成导航
var imgCount=imgCollection.size();
for(var i=0;i![]()
",{alt:'',src:imgCollection.eq(i).attr("src")});
imgWrap.append(imgElement).appendTo(naviWrap);
//数字
var numElement=$(""+(i+1)+"");
numElement.appendTo(naviNumWrap);
//处理没有图片介绍属性（cont）的情况：每张图片有地址，标题，和描述三个属性
//if(!imgCollection[i].hasAttribute("cont")) imgCollection.eq(i).attr("cont",""); //IE不支持
if(typeof imgCollection.eq(i).attr("cont") =="undefined") imgCollection.eq(i).attr("cont","");
}
imgPrev=$(".imgs",naviWrap);//取得小图容器集合
numNavis=$("span",naviNumWrap);//取得数字导航按钮集合
//填充标题
if(options.hideCaptial) $(".imgtitle",this).hide();
else{
objH=imgCollection.eq(0);
titleWrap.find(".it_title").html(objH.attr("title")).end().find(".it_cont").html(objH.attr("cont"));
}
if(options.hidePreview){//判断是否显示导航，如不显示，则显示数字
naviWrap.hide();
$(this).append(naviNumWrap);
}
var sd=navigator.appName;
var mar_left=options.wrapWidth;
if(sd!="Microsoft Internet Explorer")
{
mar_left= mar_left+5;
}
//css部分
naviWrap.css({backgroundPosition: options.arrPosition+ "px 0"});//初始箭头位置
$(this).css({width:options.wrapWidth,height:options.wrapHeight,border:"1px solid #ccc",position:"relative",overflow:"hidden"});
bigImgWrap.css({ height: options.wrapHeight, width: options.wrapWidth, overflow: "visible", whiteSpace: "nowrap", marginLeft: -mar_left});
bigImgWrap.find("img").css({height:options.wrapHeight,width:options.wrapWidth,cursor:"pointer"});
$(".imgtitle, .it_bg",this).css({textAlign:"center",width:"100%",position:"absolute",top:0,left:0,color:"#fff"});
$(".it_bg",this).css({background:"black",filter:"alpha(opacity=40)",opacity:0.4,height:"100%"});
$(".it_title",this).css({font:"800 1.5em 宋体",position:"relative",paddingTop:5});
$(".it_cont",this).css({whiteSpace:"normal",textAlign:"left",position:"relative",padding:"5px 15px"});
bigImgWrap.prepend(bigImgWrap.find("img:last").clone());//scroll fix
if($.browser.msie){ //重设预览图宽度,ie hacker
imgPrev.find("img").removeAttr("width").removeAttr("height");
}
//当前导航位置
imgPrev.eq(0).addClass("highlight_img");
if(options.hidePreview) numNavis.eq(0).addClass("current");
m=setInterval(imgscroll,options.interval);
//主算法
function imgscroll(){
var i;
//计算下一个索引
if(forceIndex==-1){
i=naviWrap.find(".imgs").index($("div.highlight_img",thisWrap));//当前高亮位置
if(i==imgCollection.length-1) i=0;
else i++;
}else i=forceIndex;
if(indexbefore+1==imgCollection.length){
if (i == 0) bigImgWrap.css({ marginLeft: 0 }); //scroll fix
}
var mar_left1=options.wrapWidth * (-i - 1);
if(sd!="Microsoft Internet Explorer")
{
mar_left1= mar_left1-5;
}
bigImgWrap.animate({ marginLeft: mar_left1 }, options.speed, options.effect); //移动大图
//移动光标、高亮框
$(".highlight_img",thisWrap).removeClass("highlight_img");
var measureElement=imgPrev.eq(0);
var moveAmount=measureElement.width()+parseInt(measureElement.css("margin-left"))+parseInt(measureElement.css("margin-right"))+parseInt(measureElement.css("border-left-width"))+parseInt(measureElement.css("border-right-width"));
//$("#fixie67").html(moveAmount);//测试用
var imgleft=options.arrPosition+i*moveAmount;
naviWrap.animate({backgroundPosition:imgleft+"px 0"},options.speed,function(){$(".imgs",thisWrap).eq(i).addClass("highlight_img");});
//移动数字导航
$(".current",naviNumWrap).removeClass("current");
numNavis.eq(i).addClass("current");
indexbefore=i;//保存本次索引
if(!options.hideCaptial){
titleWrap.hide();
objH=bigImgWrap.find("img").eq(i+1);
titleWrap.find(".it_title").html(objH.attr("title")).end().find(".it_cont").html(objH.attr("cont")).end().slideDown(options.speed);
}
}
//响应hover事件——预览图
$(".smallimgs",thisWrap).find(".imgs").live("mouseover",function(){
var thisobj=$(this);
th=setTimeout(function(){
clearInterval(m);
forceIndex=$(".smallimgs",thisWrap).find(".imgs").index(thisobj);
imgscroll(i);
flag=1;//延时被执行到的标识
},300);
});
$(".smallimgs",thisWrap).find(".imgs").live("mouseout",function(){
clearTimeout(th);
if(flag==1){
m=setInterval(imgscroll,options.interval);
flag=0;
forceIndex=-1;
}
});
//响应hover事件——数字
$(".numNavi",thisWrap).find("span").live("mouseover",function(){
var i=numNavis.index(this);//得到索引
$(".smallimgs",thisWrap).find(".imgs").eq(i).trigger("mouseover");
});
$(".numNavi",thisWrap).find("span").live("mouseout",function(){
clearTimeout(th);
if(flag==1){
m=setInterval(imgscroll,options.interval);
flag=0;
forceIndex=-1;
}
});
});
};
//默认值
$.fn.ImgSlider.defaults = {
wrapName:'imgb',//窗口内唯一包裹所有幻灯图片的div的类名
wrapWidth:351,//容器宽度
wrapHeight:396,//容器高度
speed:1000,//切换速度
interval:5000,//切换间隔
arrPosition:-403,//预览图箭头初始位置
hidePreview:false,//隐藏预览图，隐藏后会显示数字导航
hideCaptial:false,//隐藏标题/介绍
effect: "easeOutBounce"//动画效果
}
})(jQuery);