Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效

2020-05-24 21:21:20易采站长站整理

    };
    return {
        init: function(obj, e) {
            // 获取配置信息
            config.imgData = obj.data;                              // 设置图片信息
            config.imgTargetId = obj.targetId;                      // 设置 Slide 目标 ID
            config.imgWidth = obj.width || config.imgWidth;         // 设置图片宽度
            config.imgHeight = obj.height || config.imgHeight;      // 设置图片高度
            config.imgAuto = obj.auto || config.imgAuto;            // 设置自动播放
            config.imgInterval = obj.interval || config.imgInterval;// 设置间隔时间
            //config.imgDataLen = config.imgData.length;                // 设置图片数量
            // 生成 Slide 结构
            buildSlide();
            var slideList = $(‘slide_list’).getElementsByTagName(‘li’);
            $(‘slide_list’).style.width = slideList[0].offsetWidth*slideList.length + ‘px’;
            slideList[config.curImg].className = ‘cur’;
            var btnL = $(‘sliderL’), btnR = $(‘sliderR’), btnClose = $(‘slidClosed’);
            btnR.onclick = function(){ 
                clearInterval(timerA);
                config.index += 1;
                run(config.index, !1)
            }