jquery图片切换插件

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

            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 += “<div class=’silder_desc’ id=’silder_desc’></div>”;
            }
            img_size = silderList_li.size() ;//图片个数
            currHtml += “<ul class=’silder_page’ id=’silder_page’>”;//分页码代码注入
            for(var i=0; i < img_size; i++){
                currHtml += “<li>”+ parseInt((1 + i),10) +”</li>”;
            }
            currHtml +=”</ul>”;
            silderList_li.eq(0).show().siblings().hide(); //初始化隐藏其他图片
            g.obj.append(currHtml);//注入分页码
            var silderPage = $(‘#silder_page’,g.obj);
            var silderPage_li =$(‘#silder_page li’,g.obj);
            silderPage_li.eq(0).addClass(‘current’);
            if(opt.is_showTit){ //初始化图片描述
                $(‘#silder_desc’).text(silderList_li.eq(0).find(‘img’).attr(‘alt’));
            }
            silderPage_li.on(‘click’,function(){