复制代码代码如下所示:



*图片切换插件

*依赖jquery-1.7.2.min.js

**

(函数($){)

/ /电话$(#滑板)。ImgSilder({ s_width:564,s_height:293,is_showtit:真的,s_times:3000,css_link:'css /风格。CSS});身份silder_list或类容器必须加silder_list

*参考结构

































* /

美元。fn.silderdefaults = { / /默认参数

s_width:500 /容器宽度

s_height:500 /容器的高度

is_showtit:真/假标题:是否显示图片显示,真实展示:

s_times:3000 / /设置滚动时间

css_link:'css / CSS的样式。

};

美元。extendsilder =功能(obj,OPT){ / /目标元素对象,选择参数对象

公共方法,外部调用

初始化

init:函数(){

VaR WH = {宽度:opt.s_width,高度:选择s_height };

VaR PageSize = 0; / /页

silderlist = $(var的# silder_list ',g.obj);

silderlist_li = $(var的# silder_list李,g.obj);

G.LoadCSS(选择。css_link) / /样式文件;

G.obj.css(WH);silderlist.css(WH);silderlist_li.find('img)。Css(WH); / /设置高度和宽度属性

var =currhtml ; / /添加播放页面和文字说明

如果(选择。is_showtit){ / /确定是否显示标题

= currhtml ;

}

img_size =(silderlist_li。大小); / /图片

currhtml + = ; / /分页代码注入

对于(var i = 0;i < img_size;i++){

currhtml parseInt + + =((1 +),+ 10);

}

= currhtml ;

silderlist_li.eq(0)(,)(兄弟姐妹)(隐藏); / /初始化其他隐藏的图片

G.obj.append(currhtml); / /注入支路数

silderpage = $(var的# silder_page ',g.obj);

silderpage_li = $(var的# silder_page李,g.obj);

silderpage_li.eq(0)。AddClass(当前的);

如果(选择。is_showtit){ / /初始化图片描述

$(# silder_desc)。文本(silderlist_li.eq(0)。发现('img)。Attr('alt '));

}

silderpage_li.on(听到咔哒声,函数(){(){

PageSize =美元(这)指数();

silderlist_li.eq(PageSize)。FadeIn(1000)。兄弟姐妹()FadeOut(100);

$(这)。AddClass(当前的),兄弟姐妹()RemoveClass(当前的);

如果(选择。is_showtit){

$(# silder_desc)。文本(silderlist_li.eq(PageSize)。发现('img)。Attr('alt '));

}

});

var t;

SilderList.hover(function(){ window.clearinterval(T);返回;},函数(){ T = window.setinterval(函数(){)

如果(PageSize = 0)

{

silderlist_li.eq(PageSize)。FadeIn(1000)。兄弟姐妹()FadeOut(100);

silderpage_li.eq(PageSize)。AddClass(当前的),兄弟姐妹()RemoveClass(当前的);

如果(选择。is_showtit){

$(# silder_desc)。文本(silderlist_li.eq(PageSize)。发现('img)。Attr('alt '));

}

PageSize + +;

如果(PageSize = img_size){

PageSize = 0;

}

}

},选择。s_times)});Trigger(怪); / /停止动画自动暂停,当触发预设的触发作用

},

LoadCSS:功能(URL){ / /新的CSS

var = document.createelement(链接);

s.rel =样式表;

号=文本/ CSS;

s.href =网址;

document.getelementsbytagname(头){ 0 }。appendChild(S);

}

};

g.obj = $(obj);

G.init();

返回G;

}

美元。fn.imgsilder =功能(选项){

如果(this.length = = 0) / /回报;判断对象是否存在

this.each(函数(){()

如果(这usedsilder回报。);

VaR选择=美元。延长(美元。fn.silderdefaults,选择{ }); / /与指定的参数

this.usedsilder =美元。extendsilder(这个选择);

});

}

}(jQuery);



这是本文共享的代码的全部内容。我希望你能喜欢它。