wesmiler 前端提交

public/themes/mjmls/index/index/floor/banner.html

@@ -47,7 +47,7 @@
             <div class="fl">
                 <foreach name="banner1" id="v">
                 <a href="{$v.url|default='#'}" target="{$v.target}" title="{$v.title}">
-                    <img src="{:cmf_get_image_preview_url($v.image)}" width="150" height="190" alt="{$v.title}">
+                    <img data-src="{:cmf_get_image_preview_url($v.image)}" width="150" height="190" alt="{$v.title}">
                 </a>
                 </foreach>
             </div>
@@ -55,7 +55,7 @@
                 <foreach name="bannerMin" id="v">
                 <li>
                     <a href="{$v.url|default='#'}" target="{$v.target}" title="{$v.title}">
-                        <img src="{:cmf_get_image_preview_url($v.image)}" width="80" height="80" alt="{$v.title}">
+                        <img data-src="{:cmf_get_image_preview_url($v.image)}" width="80" height="80" alt="{$v.title}">
                         <p class="nowrap">{$v.title}</p>
                         <span>{$v.description}</span>
                     </a>
@@ -67,7 +67,7 @@
     </div>
     <div class="fr slide-right mob_none">
         <div class="br-top">
-            <img src="__TMPL__/static/images/noLogin.png" width="54" height="54" alt="">
+            <img data-src="__TMPL__/static/images/noLogin.png" width="54" height="54" alt="">
             <p>HI，你好！<br> <span class="nowrap">创业开好店，如此简单！</span></p>
         </div>
         <div class="zsxx-box">

public/themes/mjmls/index/index/floor/brand.html

@@ -32,7 +32,7 @@
                 <foreach name="brand2" id="v">
                 <li>
                     <a href="/b{$v.id}/" title="{$v.title}" target="_blank">
-                        <img src="{:cmf_get_image_preview_url($v.logo)}" width="174" height="130" alt="{$v.title}">
+                        <img data-src="{:cmf_get_image_preview_url($v.logo)}" width="174" height="130" alt="{$v.title}">
                         <h3 class="nowrap">{$v.title}</h3>
                         <p><font>{$v.touzi_level_name}</font><span>门店: {$v.mendian}家</span></p>
                     </a>

public/themes/mjmls/index/index/floor/brand_choice.html

@@ -8,7 +8,7 @@
         <foreach name="brand4" id="v">
         <li>
             <a href="/b{$v.id}/" target="_blank" title="{$v.title}">
-                <img src="{:cmf_get_image_preview_url($v.logo)}" alt="{$v.title}" width="162.79" height="122.09">
+                <img data-src="{:cmf_get_image_preview_url($v.logo)}" alt="{$v.title}" width="162.79" height="122.09">
                 <i>{$v.catname}</i>
                 <h3 class="nowrap">{$v.title}</h3>
                 <p>

public/themes/mjmls/index/index/floor/join.html

@@ -12,7 +12,7 @@
                         <foreach name="$brand7" id="brands">
                         <div class="swiper-slide">
                             <foreach name="brands" id="v">
-                            <a href="/b{$v.id}/" target="_blank" title="{$v.title}"><img src="{:cmf_get_image_preview_url($v.logo)}" alt="{$v.title}"></a>
+                            <a href="/b{$v.id}/" target="_blank" title="{$v.title}"><img data-src="{:cmf_get_image_preview_url($v.logo)}" alt="{$v.title}"></a>
                             </foreach>
                         </div>
                         </foreach>
@@ -31,7 +31,7 @@
             <foreach name="courseList" id="v">
                 <if condition="$key eq 0">
                     <div>
-                        <a href="/news{$v.id}/" target="_blank" title="{$v.title}"><img src="{:cmf_get_image_preview_url($v.thumb)}" width="300" height="170" alt="{$v.title}"></a>
+                        <a href="/news{$v.id}/" target="_blank" title="{$v.title}"><img data-src="{:cmf_get_image_preview_url($v.thumb)}" width="300" height="170" alt="{$v.title}"></a>
                     </div>
                 </if>
             </foreach>

public/themes/mjmls/index/index/floor/new_recommend.html

@@ -8,7 +8,7 @@
         <foreach name="brand8" id="v">
             <li>
                 <a href="/b{$v.id}/" target="_blank" title="{$v.title}">
-                    <img src="{:cmf_get_image_preview_url($v.logo)}" alt="{$v.title}" width="185.85" height="139.39">
+                    <img data-src="{:cmf_get_image_preview_url($v.logo)}" alt="{$v.title}" width="185.85" height="139.39">
                     <h3 class="nowrap">{$v.title}</h3>
                     <p>
                         <b>￥{$v.touzi_level_name}</b>

public/themes/mjmls/index/index/floor/phb.html

@@ -10,7 +10,7 @@
                         <foreach name="phb1" id="v">
                         <li <if condition="$key eq 0">class="active"</if>>
                             <a href="#" target="">
-                                <img class="fl" src="{:cmf_get_image_preview_url($v.logo)}" width="100" height="75" alt="{$v.title}">
+                                <img class="fl" data-src="{:cmf_get_image_preview_url($v.logo)}" width="100" height="75" alt="{$v.title}">
                                 <div>
                                     <i></i>
                                     <span class="nowrap">{$v.title}</span>
@@ -28,7 +28,7 @@
                         <foreach name="phb2" id="v">
                             <li <if condition="$key eq 0">class="active"</if>>
                             <a href="#" target="">
-                                <img class="fl" src="{:cmf_get_image_preview_url($v.logo)}" width="100" height="75" alt="{$v.title}">
+                                <img class="fl" data-src="{:cmf_get_image_preview_url($v.logo)}" width="100" height="75" alt="{$v.title}">
                                 <div>
                                     <i></i>
                                     <span class="nowrap">{$v.title}</span>
@@ -46,7 +46,7 @@
                         <foreach name="phb3" id="v">
                             <li <if condition="$key eq 0">class="active"</if>>
                             <a href="#" target="">
-                                <img class="fl" src="{:cmf_get_image_preview_url($v.logo)}" width="100" height="75" alt="{$v.title}">
+                                <img class="fl" data-src="{:cmf_get_image_preview_url($v.logo)}" width="100" height="75" alt="{$v.title}">
                                 <div>
                                     <i></i>
                                     <span class="nowrap">{$v.title}</span>
@@ -67,7 +67,7 @@
             </div>
             <div class="mob_none mt30">
                 <foreach name="banner3" id="v">
-                <a href="{$v.url}" target="{$v.target}" title="{$v.title}"><img src="{:cmf_get_image_preview_url($v.image)}" width="880" height="70" alt="{$v.title}"></a>
+                <a href="{$v.url}" target="{$v.target}" title="{$v.title}"><img data-src="{:cmf_get_image_preview_url($v.image)}" width="880" height="70" alt="{$v.title}"></a>
                 </foreach>
             </div>
         </div>
@@ -90,7 +90,7 @@
             </div>
             <div class="mt30 mob_none">
                 <foreach name="banner4" id="v">
-                    <a href="{$v.url}" target="{$v.target}" title="{$v.title}"><img src="{:cmf_get_image_preview_url($v.image)}" width="300" height="170" alt="{$v.title}"></a>
+                    <a href="{$v.url}" target="{$v.target}" title="{$v.title}"><img data-src="{:cmf_get_image_preview_url($v.image)}" width="300" height="170" alt="{$v.title}"></a>
                 </foreach>
             </div>
         </div>

public/themes/mjmls/index/index/floor/recommend.html

@@ -8,7 +8,7 @@
         <foreach name="brand3" id="v">
         <li>
             <a href="/b{$v.id}/" target="" title="{$v.title}">
-                <img src="{:cmf_get_image_preview_url($v.logo)}" alt="{$v.title}" width="224" height="168">
+                <img data-src="{:cmf_get_image_preview_url($v.logo)}" alt="{$v.title}" width="224" height="168">
                 <h3 class="nowrap">{$v.title}</h3>
                 <p>
                     <b class="fl">{$v.touzi_level_name|default='暂无'}</b>

public/themes/mjmls/index/index/floor/topic.html

@@ -9,7 +9,7 @@
             <foreach name="brand6" id="v">
             <li>
                 <a href="#" target="" title="{$v.title}">
-                    <img src="{:cmf_get_image_preview_url($v.logo)}" alt="{$v.title}" width="216" height="162">
+                    <img data-src="{:cmf_get_image_preview_url($v.logo)}" alt="{$v.title}" width="216" height="162">
                     <span>{$v.title}</span>
                 </a>
             </li>

public/themes/mjmls/static/js/base.js

@@ -27,6 +27,34 @@ $(function () {
         $(".trade-nav-r .trade-list-box").eq(index).addClass('on').siblings().removeClass('on');
     })
 
+    /*$("img").each(function(k,item){
+        var _this = $(this);
+        var src = _this.attr('data-src');
+        if(src){
+            setTimeout(function(){
+               _this.attr('src', src);
+            },1)
+        }
+    })*/
+
+    var num = document.getElementsByTagName('img').length;
+    var img = document.getElementsByTagName("img");
+    var n = 0; //存储图片加载到的位置，避免每次都从第一张图片开始遍历
+    lazyload();
+    function lazyload() { //监听页面滚动事件
+        var seeHeight = document.documentElement.clientHeight; //可见区域高度
+        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //滚动条距离顶部高度
+        for (var i = n; i < num; i++) {
+            if (img[i].offsetTop < seeHeight + scrollTop) {
+                var src = img[i].getAttribute("src");
+                if (src == "" || typeof(src) == 'undefined' || src==null) {
+                    img[i].src = img[i].getAttribute("data-src");
+                }
+                n = i + 1;
+            }
+        }
+    }
+
     // 回顶部
     $('.go-top').click(function () {
         $('body,html').animate({ scrollTop: 0 });