代码如下:
图片切换插件
* Dependence jquery-1.7.2.min.js
**/
(function ($) {
//调用方式 $('#silder').imgSilder({s_width:564,s_height:293,is_showTit:true,s_times:3000,css_link:'css/style.css'}); 容器必须加入 id silder_list or class silder_list
/*参考结构
*/
$.fn.silderDefaults = { //默认参数
s_width:500,//容器宽度
s_height:500,//容器高度
is_showTit:true,// 是否显示图片标题 false :不显示,true :显示
s_times:3000,//设置滚动时间
css_link:'css/style.css'
};
$.extendSilder = function (obj,opt) { //obj 元素对象,opt 参数对象
var g = { //公共方法, 外部可调用
//初始化
init: function () {
var wh ={width:opt.s_width,height:opt.s_height};
var pagesize=0; //页码
var silderList = $('#silder_list',g.obj);
var silderList_li = $('#silder_list li',g.obj);
g.LoadCSS(opt.css_link); //样式文件导入
g.obj.css(wh); silderList.css(wh); silderList_li.find('img').css(wh); //设置宽高属性
var currHtml = ""; //加入播放页码 及文字描述
if(opt.is_showTit){ //判断是否显示标题
currHtml += "";
}
img_size = silderList_li.size() ;//图片个数
currHtml += "
- ";//分页码代码注入
for(var i=0; i < img_size; i++){
currHtml += "
- "+ parseInt((1 + i),10) +" "; } currHtml +="