//jquery plugins 幻灯
/*********************************
speed : 幻灯速度
v 1.1
*********************************/
/*********************************
例子:
无标题文档
*********************************/
jQuery.fn.extend({
dongSlide : function( speed ){
var time=null;
var over=false;
var numNow=0;
var numPre=0;
var objThis = $(this);
//
var picWidth = this.find(".pic>li").width();
var boxWidth = this.width()-10;
var boxHeight = this.height()-5;
var numLiWidth = this.find(".num>li").width();
var numLiHeight = this.find(".num>li").height();
var numLiLength = this.find(".num>li").length;
var liLen = numLiLength-1;
//pic li
$.each( objThis.find(".pic>li"), function(i, n){
var t = $(n);
t.css({"left":picWidth, "z-index":0, opacity: 0});
if (i==0){
t.css({"left": 0, "opacity": 1});
}
});
//number li
var x = boxWidth-numLiWidth*numLiLength;
var y = boxHeight-numLiHeight;
$.each( objThis.find(".num>li"), function(i, n){
var t = $(n);
t.css({"left":x, "top":y});
x=x+t.width();
//number li hover
t.hover(
function(){
clearTimeout(time);
numPre=numNow;
numNow=i;
over=true;
doPage();
},
function(){
}
);
});
//slide box hover
objThis.hover(
function(){
clearTimeout(time);
over=true;
},
function(){
over=false;
time=setTimeout(doPage,speed);
//doPage();
}
);
//main animate
function doPage(){
clearTimeout(time);
if (over==false){
numPre=numNow;
numNow++;
}
if (numNow>liLen){
numNow=0;
}
//
var prevImgLi = objThis.find(".pic>li:eq("+ (numPre) +")");
var prevNumLi = objThis.find(".num>li:eq("+ (numPre) +")");
var nextImgLi = objThis.find(".pic>li:eq("+ (numNow) +")");
var nextNumLi = objThis.find(".num>li:eq("+ (numNow) +")");
//
prevNumLi.removeClass("over");
nextNumLi.addClass("over");
//
prevImgLi.css({"z-index": 1});
nextImgLi.css({"z-index": liLen+1});
//
bgSrc(nextImgLi)
//
if (liLen>1){
//
nextImgLi.animate(
{left: 0, opacity: 1},
"slow",
function(){
prevImgLi.css({left: picWidth, opacity:0});
if(over==false){
time=setTimeout(doPage,speed);
}else{
clearTimeout(time);
}
}
);
}
}
//main
function bgSrc(li){
var href = li.children("a").attr("href");
var bgImg = objThis.find(".pic>.bg>img");
bgImg.css({cursor:"pointer"});
bgImg.click(function(){window.location.href=href});
//alert(href);
}
objThis.find(".num>li:eq(0)").addClass("over");
//
if (liLen>=0){
bgSrc(objThis.find(".pic>li:eq(0)"));
//doPage();
time=setTimeout(doPage,speed);
}
}
});
