jquery图片切换插件

2020-05-19 07:30:52易采站长站整理


/**
 * 图片切换插件
 * 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
  /*参考结构
    <div class=”silder” id=”silder”>
        <ul class=”silder_list” id=”silder_list”>
            <li>
                <img src=”css/img/1.jpg” border=”0″ alt=”刘淇同志参观北京市志愿者之家”>
            </li>
            <li>
                <img src=”css/img/2.jpg” border=”0″ alt=”刘淇同志与志愿者合影”>
            </li>
            <li>
                <img src=”css/img/3.jpg” border=”0″ alt=”刘淇同志到北京大学人民医院调研”>
            </li>
            <li>
                <img src=”css/img/4.jpg” border=”0″ alt=”2013中国志愿服务国际交流大会在京举行”>
            </li>                   
        </ul>
    </div>
  */
  $.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};