(function($) {
$.fn.KinSlideshow = function(settings){
settings = jQuery.extend({
intervalTime : 5, //切换展示间隔时间 【单位：秒】
moveSpeedTime : 400,//切换一张图片所需时间，【单位：毫秒】
moveStyle:"left",//切换方向 【 left | right | up | down 】left:向左切换,right:向右切换,up:向上切换,down:向下切换
mouseEvent:"mouseclick", //鼠标操作按钮事件,【mouseclick | mouseover】mouseclick：鼠标单击切换。mouseover：鼠标滑过切换。
isHasTitleBar:true,//是否显示标题背景，
titleBar:{titleBar_height:40,titleBar_bgColor:"#000000",titleBar_alpha:0.5},//标题背景样式，(isHasTitleBar = true 前提下启用)
isHasTitleFont:true,//是否显示标题文字
titleFont:{TitleFont_size:12,TitleFont_color:"#FFFFFF",TitleFont_family:"Verdana",TitleFont_weight:"bold"},//标题文字样式，(isHasTitleFont = true 前提下启用)
isHasBtn:true, //是否显示按钮
btn:{btn_bgColor:"#666666",btn_bgHoverColor:"#CC0000",btn_fontColor:"#CCCCCC",btn_fontHoverColor:"#000000",btn_fontFamily:"Verdana",btn_borderColor:"#999999",btn_borderHoverColor:"#FF0000",btn_borderWidth:1,btn_bgAlpha:0.7} //按钮样式设置，(isHasBtn = true 前提下启用)
},settings);
var titleBar_Bak = {titleBar_height:40,titleBar_bgColor:"#000000",titleBar_alpha:0.5}
var titleFont_Bak = {TitleFont_size:12,TitleFont_color:"#FFFFFF",TitleFont_family:"Verdana",TitleFont_weight:"bold"}
var btn_Bak = {btn_bgColor:"#666666",btn_bgHoverColor:"#CC0000",btn_fontColor:"#CCCCCC",btn_fontHoverColor:"#000000",btn_fontFamily:"Verdana",btn_borderColor:"#999999",btn_borderHoverColor:"#FF0000",btn_borderWidth:1,btn_bgAlpha:0.7} //按钮样式设置，(isHasBtn = true 前提下启用)
for (var key in titleBar_Bak)
{
if(settings.titleBar[key] == undefined){
settings.titleBar[key] = titleBar_Bak[key];
}
}
for (var key in titleFont_Bak)
{
if(settings.titleFont[key] == undefined){
settings.titleFont[key] = titleFont_Bak[key];
}
}
for (var key in btn_Bak)
{
if(settings.btn[key] == undefined){
settings.btn[key] = btn_Bak[key];
}
}
var KinSlideshow_BoxObject = this;
var KinSlideshow_BoxObjectSelector = $(KinSlideshow_BoxObject).selector;
var KinSlideshow_DateArray = new Array();
var KinSlideshow_imgaeLength = 0;
var KinSlideshow_Size =new Array();
var KinSlideshow_changeFlag = 0;
var KinSlideshow_IntervalTime = settings.intervalTime;
var KinSlideshow_setInterval;
var KinSlideshow_firstMoveFlag = true;
if(isNaN(KinSlideshow_IntervalTime) || KinSlideshow_IntervalTime <= 1){
KinSlideshow_IntervalTime = 5;
}
if(settings.moveSpeedTime > 500){
settings.moveSpeedTime = 500;
}else if(settings.moveSpeedTime < 100){
settings.moveSpeedTime = 100;
}
function KinSlideshow_initialize(){
$(KinSlideshow_BoxObject).css({visibility:"hidden"});
$(KinSlideshow_BoxObjectSelector+" a img").css({border:0});
KinSlideshow_start();
};
function KinSlideshow_start(){
KinSlideshow_imgaeLength = $(KinSlideshow_BoxObjectSelector+" a").length;
KinSlideshow_Size.push($(KinSlideshow_BoxObjectSelector+" a img").width());
KinSlideshow_Size.push($(KinSlideshow_BoxObjectSelector+" a img").height());
$(KinSlideshow_BoxObjectSelector+" a img").each(function(i){
KinSlideshow_DateArray.push($(this).attr("alt"));
});
$(KinSlideshow_BoxObjectSelector+" a").wrapAll("");
$("#"+settings.mydivid+"KinSlideshow_content").clone().attr("id",""+settings.mydivid+"KinSlideshow_contentClone").appendTo(KinSlideshow_BoxObject);
KinSlideshow_setTitleBar();
KinSlideshow_setTitleFont();
KinSlideshow_setBtn();
KinSlideshow_action();
KinSlideshow_btnEvent(settings.mouseEvent);
$(KinSlideshow_BoxObject).css({visibility:"visible"});
};
function KinSlideshow_setTitleBar(){
$(KinSlideshow_BoxObject).css({width:KinSlideshow_Size[0],height:KinSlideshow_Size[1],overflow:"hidden",position:"relative"});
var getTitleBar_Height = settings.titleBar.titleBar_height;//获取面板高度
if(isNaN(getTitleBar_Height)){
getTitleBar_Height = 40;
}else if(getTitleBar_Height < 25){
getTitleBar_Height = 25;
};
$(KinSlideshow_BoxObjectSelector+" ."+settings.mydivid+"KinSlideshow_titleBar").css({height:getTitleBar_Height,width:"100%",position:"absolute",bottom:0,left:0})
if(settings.isHasTitleBar){
$(KinSlideshow_BoxObjectSelector+" ."+settings.mydivid+"KinSlideshow_titleBar").css({background:settings.titleBar.titleBar_bgColor,opacity:settings.titleBar.titleBar_alpha})
}
};
function KinSlideshow_setTitleFont(){
if(settings.isHasTitleFont){
$(KinSlideshow_BoxObjectSelector+" ."+settings.mydivid+"KinSlideshow_titleBar").append("");
$(KinSlideshow_BoxObjectSelector+" ."+settings.mydivid+"KinSlideshow_titleBar .title").css({fontSize:settings.titleFont.TitleFont_size,color:settings.titleFont.TitleFont_color,fontFamily:settings.titleFont.TitleFont_family,fontWeight:settings.titleFont.TitleFont_weight});
setTiltFontShow(0);
};
};
function KinSlideshow_setBtn(){
if(settings.btn.btn_borderWidth > 2){settings.btn.btn_borderWidth = 2}
if(settings.btn.btn_borderWidth < 0 || isNaN(settings.btn.btn_borderWidth)){settings.btn.btn_borderWidth = 0}
if(settings.isHasBtn && KinSlideshow_imgaeLength >= 2){
$(KinSlideshow_BoxObject).append("
");
var KinSlideshow_btnList = "";
for(i=1;i<=KinSlideshow_imgaeLength;i++){
KinSlideshow_btnList =""+i+""+KinSlideshow_btnList;
}
KinSlideshow_btnList = ""+KinSlideshow_btnList+"
";
KinSlideshow_btnList = ""+KinSlideshow_btnList+"
";
$(KinSlideshow_BoxObjectSelector+" ."+settings.mydivid+"KinSlideshow_btnBox").append(KinSlideshow_btnList);
$(KinSlideshow_BoxObjectSelector+" ."+settings.mydivid+"KinSlideshow_btnBox #"+settings.mydivid+"btnlistID li").css({listStyle:"none",float:"right",width:18,height:18,borderWidth:settings.btn.btn_borderWidth,borderColor:settings.btn.btn_borderColor,borderStyle:"solid",background:settings.btn.btn_bgColor,textAlign:"center",cursor:"pointer",marginLeft:3,fontSize:12,fontFamily:settings.btn.btn_fontFamily,lineHeight:"18px",opacity:settings.btn.btn_bgAlpha,color:settings.btn.btn_fontColor});
$("#"+settings.mydivid+"btnlistID li:eq(0)").css({background:settings.btn.btn_bgHoverColor,borderColor:settings.btn.btn_borderHoverColor,color:settings.btn.btn_fontHoverColor});
};
};
function KinSlideshow_action(){
switch(settings.moveStyle){
case "left": KinSlideshow_moveLeft(); break;
case "right": KinSlideshow_moveRight();break;
case "up": KinSlideshow_moveUp(); break;
case "down": KinSlideshow_moveDown(); break;
default: settings.moveStyle = "left"; KinSlideshow_moveLeft();
}
};
function KinSlideshow_moveLeft(){
$(KinSlideshow_BoxObjectSelector+" div:lt(2)").wrapAll("");
$("#"+settings.mydivid+"KinSlideshow_moveBox").css({width:KinSlideshow_Size[0],height:KinSlideshow_Size[1],overflow:"hidden",position:"relative"});
$("#"+settings.mydivid+"KinSlideshow_content").css({float:"left"});
$("#"+settings.mydivid+"KinSlideshow_contentClone").css({float:"left"});
$(KinSlideshow_BoxObjectSelector+" #"+settings.mydivid+"KinSlideshow_moveBox div").wrapAll("");
$(KinSlideshow_BoxObjectSelector+" #"+settings.mydivid+"KinSlideshow_XposBox").css({float:"left",width:"2000%"});
KinSlideshow_setInterval = setInterval(function(){KinSlideshow_move(settings.moveStyle)},KinSlideshow_IntervalTime*1000+settings.moveSpeedTime);
};
function KinSlideshow_moveRight(){
$(KinSlideshow_BoxObjectSelector+" div:lt(2)").wrapAll("");
$("#"+settings.mydivid+"KinSlideshow_moveBox").css({width:KinSlideshow_Size[0],height:KinSlideshow_Size[1],overflow:"hidden",position:"relative"});
$("#"+settings.mydivid+"KinSlideshow_content").css({float:"left"});
$("#"+settings.mydivid+"KinSlideshow_contentClone").css({float:"left"});
$(KinSlideshow_BoxObjectSelector+" #"+settings.mydivid+"KinSlideshow_moveBox div").wrapAll("");
$(KinSlideshow_BoxObjectSelector+" #"+settings.mydivid+"KinSlideshow_XposBox").css({float:"left",width:"2000%"});
$("#"+settings.mydivid+"KinSlideshow_contentClone").html("");
$("#"+settings.mydivid+"KinSlideshow_content a").wrap("")
$("#"+settings.mydivid+"KinSlideshow_content a").each(function(i){
$("#"+settings.mydivid+"KinSlideshow_contentClone").prepend($("#"+settings.mydivid+"KinSlideshow_content span:eq("+i+")").html());
})
$("#"+settings.mydivid+"KinSlideshow_content").html($("#"+settings.mydivid+"KinSlideshow_contentClone").html());
var KinSlideshow_offsetLeft = (KinSlideshow_imgaeLength-1)*KinSlideshow_Size[0];
$("#"+settings.mydivid+"KinSlideshow_moveBox").scrollLeft(KinSlideshow_offsetLeft);
KinSlideshow_setInterval = setInterval(function(){KinSlideshow_move(settings.moveStyle)},KinSlideshow_IntervalTime*1000+settings.moveSpeedTime);
};
function KinSlideshow_moveUp(){
$(KinSlideshow_BoxObjectSelector+" div:lt(2)").wrapAll("");//用div包裹
$("#"+settings.mydivid+"KinSlideshow_moveBox").css({width:KinSlideshow_Size[0],height:KinSlideshow_Size[1],overflow:"hidden",position:"relative"});
$("#"+settings.mydivid+"KinSlideshow_moveBox").animate({scrollTop: 0}, 1);
KinSlideshow_setInterval = setInterval(function(){KinSlideshow_move(settings.moveStyle)},KinSlideshow_IntervalTime*1000+settings.moveSpeedTime);
};
function KinSlideshow_moveDown(){
$(KinSlideshow_BoxObjectSelector+" div:lt(2)").wrapAll("");//用div包裹
$("#"+settings.mydivid+"KinSlideshow_moveBox").css({width:KinSlideshow_Size[0],height:KinSlideshow_Size[1],overflow:"hidden",position:"relative"});
$("#"+settings.mydivid+"KinSlideshow_contentClone").html("");
$("#"+settings.mydivid+"KinSlideshow_content a").wrap("")
$("#"+settings.mydivid+"KinSlideshow_content a").each(function(i){
$("#"+settings.mydivid+"KinSlideshow_contentClone").prepend($("#"+settings.mydivid+"KinSlideshow_content span:eq("+i+")").html());
})
$("#"+settings.mydivid+"KinSlideshow_content").html($("#"+settings.mydivid+"KinSlideshow_contentClone").html());
var KinSlideshow_offsetTop = (KinSlideshow_imgaeLength-1)*KinSlideshow_Size[1];
$("#"+settings.mydivid+"KinSlideshow_moveBox").animate({scrollTop: KinSlideshow_offsetTop}, 1);
KinSlideshow_setInterval = setInterval(function(){KinSlideshow_move(settings.moveStyle)},KinSlideshow_IntervalTime*1000+settings.moveSpeedTime);
};
function KinSlideshow_move(style){
switch(style){
case "left":
if(KinSlideshow_changeFlag >= KinSlideshow_imgaeLength){
KinSlideshow_changeFlag = 0;
$("#"+settings.mydivid+"KinSlideshow_moveBox").scrollLeft(0);
$("#"+settings.mydivid+"KinSlideshow_moveBox").animate({scrollLeft:KinSlideshow_Size[0]}, settings.moveSpeedTime);
}else{
sp =(KinSlideshow_changeFlag+1)*KinSlideshow_Size[0];
$("#"+settings.mydivid+"KinSlideshow_moveBox").animate({scrollLeft: sp}, settings.moveSpeedTime);
}
setTiltFontShow(KinSlideshow_changeFlag+1);
break;
case "right":
var KinSlideshow_offsetLeft = (KinSlideshow_imgaeLength-1)*KinSlideshow_Size[0];
if(KinSlideshow_changeFlag >= KinSlideshow_imgaeLength){
KinSlideshow_changeFlag = 0;
$("#"+settings.mydivid+"KinSlideshow_moveBox").scrollLeft(KinSlideshow_offsetLeft+KinSlideshow_Size[0]);
$("#"+settings.mydivid+"KinSlideshow_moveBox").animate({scrollLeft:KinSlideshow_offsetLeft}, settings.moveSpeedTime);
}else{
if(KinSlideshow_firstMoveFlag){
KinSlideshow_changeFlag++;
KinSlideshow_firstMoveFlag = false;
}
sp =KinSlideshow_offsetLeft-(KinSlideshow_changeFlag*KinSlideshow_Size[0]);
$("#"+settings.mydivid+"KinSlideshow_moveBox").animate({scrollLeft: sp}, settings.moveSpeedTime);
}
setTiltFontShow(KinSlideshow_changeFlag);
break;
case "up":
if(KinSlideshow_changeFlag >= KinSlideshow_imgaeLength){
KinSlideshow_changeFlag = 0;
$("#"+settings.mydivid+"KinSlideshow_moveBox").scrollTop(0);
$("#"+settings.mydivid+"KinSlideshow_moveBox").animate({scrollTop:KinSlideshow_Size[1]}, settings.moveSpeedTime);
}else{
sp =(KinSlideshow_changeFlag+1)*KinSlideshow_Size[1];
$("#"+settings.mydivid+"KinSlideshow_moveBox").animate({scrollTop: sp}, settings.moveSpeedTime);
}
setTiltFontShow(KinSlideshow_changeFlag+1);
break;
case "down":
var KinSlideshow_offsetLeft = (KinSlideshow_imgaeLength-1)*KinSlideshow_Size[1];
if(KinSlideshow_changeFlag >= KinSlideshow_imgaeLength){
KinSlideshow_changeFlag = 0;
$("#"+settings.mydivid+"KinSlideshow_moveBox").scrollTop(KinSlideshow_offsetLeft+KinSlideshow_Size[1]);
$("#"+settings.mydivid+"KinSlideshow_moveBox").animate({scrollTop:KinSlideshow_offsetLeft}, settings.moveSpeedTime);
}else{
if(KinSlideshow_firstMoveFlag){
KinSlideshow_changeFlag++;
KinSlideshow_firstMoveFlag = false;
}
sp =KinSlideshow_offsetLeft-(KinSlideshow_changeFlag*KinSlideshow_Size[1]);
$("#"+settings.mydivid+"KinSlideshow_moveBox").animate({scrollTop: sp}, settings.moveSpeedTime);
}
setTiltFontShow(KinSlideshow_changeFlag);
break;
}
KinSlideshow_changeFlag++;
}
function setTiltFontShow(index){
if(index == KinSlideshow_imgaeLength){index = 0};
if(settings.isHasTitleFont){
$(KinSlideshow_BoxObjectSelector+" ."+settings.mydivid+"KinSlideshow_titleBar h2").html(KinSlideshow_DateArray[index]);
};
$("#"+settings.mydivid+"btnlistID li").each(function(i){
if(i == index){
$(this).css({background:settings.btn.btn_bgHoverColor,borderColor:settings.btn.btn_borderHoverColor,color:settings.btn.btn_fontHoverColor});
}else{
$(this).css({background:settings.btn.btn_bgColor,borderColor:settings.btn.btn_borderColor,color:settings.btn.btn_fontColor});
}
})
};
function KinSlideshow_btnEvent(Event){
switch(Event){
case "mouseover" : KinSlideshow_btnMouseover(); break;
case "mouseclick" : KinSlideshow_btnMouseclick(); break;
default : KinSlideshow_btnMouseover();
}
};
function KinSlideshow_btnMouseover(){
$("#"+settings.mydivid+"btnlistID li").mouseover(function(){
var curLiIndex = $("#"+settings.mydivid+"btnlistID li").index($(this));
switch(settings.moveStyle){
case "left" :
KinSlideshow_changeFlag = curLiIndex-1; break;
case "right" :
if(KinSlideshow_firstMoveFlag){
KinSlideshow_changeFlag = curLiIndex-1; break;
}else{
KinSlideshow_changeFlag = curLiIndex; break;
}
case "up" :
KinSlideshow_changeFlag = curLiIndex-1; break;
case "down" :
if(KinSlideshow_firstMoveFlag){
KinSlideshow_changeFlag = curLiIndex-1; break;
}else{
KinSlideshow_changeFlag = curLiIndex; break;
}
}
KinSlideshow_move(settings.moveStyle);
$("#"+settings.mydivid+"btnlistID li").each(function(i){
if(i ==curLiIndex){
$(this).css({background:settings.btn.btn_bgHoverColor,borderColor:settings.btn.btn_borderHoverColor,color:settings.btn.btn_fontHoverColor});
}else{
$(this).css({background:settings.btn.btn_bgColor,borderColor:settings.btn.btn_borderColor,color:settings.btn.btn_fontColor});
}
})
})
};
function KinSlideshow_btnMouseclick(){
$("#"+settings.mydivid+"btnlistID li").click(function(){
var curLiIndex = $("#"+settings.mydivid+"btnlistID li").index($(this));
switch(settings.moveStyle){
case "left" :
KinSlideshow_changeFlag = curLiIndex-1; break;
case "right" :
if(KinSlideshow_firstMoveFlag){
KinSlideshow_changeFlag = curLiIndex-1; break;
}else{
KinSlideshow_changeFlag = curLiIndex; break;
}
case "up" :
KinSlideshow_changeFlag = curLiIndex-1; break;
case "down" :
if(KinSlideshow_firstMoveFlag){
KinSlideshow_changeFlag = curLiIndex-1; break;
}else{
KinSlideshow_changeFlag = curLiIndex; break;
}
}
KinSlideshow_move(settings.moveStyle);
$("#"+settings.mydivid+"btnlistID li").each(function(i){
if(i ==curLiIndex){
$(this).css({background:settings.btn.btn_bgHoverColor,borderColor:settings.btn.btn_borderHoverColor,color:settings.btn.btn_fontHoverColor});
}else{
$(this).css({background:settings.btn.btn_bgColor,borderColor:settings.btn.btn_borderColor,color:settings.btn.btn_fontColor});
}
})
})
};
return KinSlideshow_initialize();
};
})(jQuery);