//jquery plugins 幻灯
/*********************************
slideId : 幻灯盒子
speed : 幻灯速度
v 1.0
*********************************/
/*********************************
例子:
无标题文档
*********************************/
jQuery.extend({
dongSlide : function(slideId, speed ){
var time=null;
var over=false;
var numNow=0;
var numPre=0;
//
var picWidth = $("."+ slideId +" .pic>li").width();
var boxWidth = $("."+ slideId +"").width()-10;
var boxHeight = $("."+ slideId +"").height()-5;
var numLiWidth = $("."+ slideId +" .num>li").width();
var numLiHeight = $("."+ slideId +" .num>li").height();
var numLiLength = $("."+ slideId +" .num>li").length;
var liLen = numLiLength-1;
//pic li
$.each( $("."+ slideId +" .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( $("."+ slideId +" .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
$("."+ slideId +"").hover(
function(){
clearTimeout(time);
over=true;
},
function(){
over=false;
doPage();
}
);
//main animate
function doPage(){
clearTimeout(time);
if (over==false){
numPre=numNow;
numNow++;
}
if (numNow>liLen){
numNow=0;
}
//
var prevImgLi = $("."+ slideId +" .pic>li:eq("+ (numPre) +")");
var prevNumLi = $("."+ slideId +" .num>li:eq("+ (numPre) +")");
var nextImgLi = $("."+ slideId +" .pic>li:eq("+ (numNow) +")");
var nextNumLi = $("."+ slideId +" .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 = $("."+ slideId +" .pic>.bg>img");
bgImg.css({cursor:"pointer"});
bgImg.click(function(){window.location.href=href});
//alert(href);
}
$("."+ slideId +" .num>li:eq(0)").addClass("over");
//
if (liLen>=0){
bgSrc($("."+ slideId +" .pic>li:eq(0)"));
//doPage();
time=setTimeout(doPage,speed);
}
}
});
