在要求输入邮箱的文本域,请填写真实的邮件地址。非真实邮件地址,将收不到回复信息。

ECShop之模版堂的模板首页轮播最后出现空白BUG修复

IT相关 清风 780℃ 0评论

因朋友需要搭建一个商城做演示用,所以选择了用PHP写的ECShop。他为了减少改动就是用了模板堂的模板。但是首页轮播广告在不足7个的时候总是会有后续的空白,初步猜想是代码中固定了轮播广告数量。经过问题的查找很快确定了自己的猜想,就随手把它给改掉了。

找到模板文件下的文件(library\index_ad.lbi)并打开。找到如下代码:


window.onload = function() {
    function Each(list, fun) {
        for (var i = 0,
        len = list.length; i < len; i++) {
            fun(list[i], i);
        }
    };

    var objs = $("idNum").getElementsByTagName("li");
    var tv = new TransformView("idTransformView", "idSlider", 419, 7, {
        onStart: function() {
            Each(objs,
            function(o, i) {
                o.className = tv.Index == i ? "on": "";
            })
        } //按钮样式
    });

    tv.Start();

    Each(objs,
    function(o, i) {
        o.onmouseover = function() {
            o.className = "on";
            tv.Auto = false;
            tv.Index = i;
            tv.Start();
        }
        o.onmouseout = function() {
            o.className = "";
            tv.Auto = true;
            tv.Start();
        }
    })

    ////////////////////////test2

}

在var objs = $("idNum").getElementsByTagName("li");下加一句var viewSliderCount=((objs&&objs.length)||(7));并将7改为viewSliderCount。修改后的代码片段如下:


window.onload = function() {
    function Each(list, fun) {
        for (var i = 0,
        len = list.length; i < len; i++) {
            fun(list[i], i);
        }
    };

    var objs = $("idNum").getElementsByTagName("li");
    var viewSliderCount = ((objs && objs.length) || (7));
    var tv = new TransformView("idTransformView", "idSlider", 419, viewSliderCount, {
        onStart: function() {
            Each(objs,
            function(o, i) {
                o.className = tv.Index == i ? "on": "";
            })
        } //按钮样式
    });

    tv.Start();

    Each(objs,
    function(o, i) {
        o.onmouseover = function() {
            o.className = "on";
            tv.Auto = false;
            tv.Index = i;
            tv.Start();
        }
        o.onmouseout = function() {
            o.className = "";
            tv.Auto = true;
            tv.Start();
        }
    })

    ////////////////////////test2

}

就此完成了首页轮播会出现空白的BUG的修改。

转载请注明:清风博客 » ECShop之模版堂的模板首页轮播最后出现空白BUG修复

喜欢 (2)or分享 (0)
支付宝扫码打赏 微信打赏
发表我的评论
取消评论

CAPTCHA Image
Reload Image
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址