wesmiler ECY 画画交易平台

application/shop/view/index/index.html

@@ -35,14 +35,14 @@
         <div class="block em">
             <h1>茶马古道</h1>
             <p>全球首座万吨级智能茶窖藏空间</p>
-            <img src="__CDN__/assets/shop/img/index/image1.jpeg" alt="">
+            <img data-src="__CDN__/assets/shop/img/index/image1.jpeg" alt="">
         </div>
         <div class="block video">
             <video id="video" src="{$indexVideo}" poster="__CDN__/assets/shop/img/index/image2.jpeg">
             </video>
         </div>
         <div class="block">
-            <p><img class="logo" src="__CDN__/assets/shop/img/index/logo.jpeg" alt=""></p>
+            <p><img class="logo" data-src="__CDN__/assets/shop/img/index/logo.jpeg" alt=""></p>
             <h1 class="center">中国景迈&nbsp;&nbsp;茶马古道</h1>
             <p class="zh center">— 千年景迈茶山下&nbsp;万吨智能茶窖藏 —</p>
             <div class="line">
@@ -53,7 +53,7 @@
             </div>
         </div>
         <div class="block">
-            <img src="__CDN__/assets/shop/img/index/image3.jpeg" alt="">
+            <img data-src="__CDN__/assets/shop/img/index/image3.jpeg" alt="">
         </div>
         <div class="block no-padding-top">
             <div class="bg-green color-gray">
@@ -64,7 +64,7 @@
             </div>
         </div>
         <div class="block no-padding-top">
-            <img src="__CDN__/assets/shop/img/index/image4.jpeg" alt="">
+            <img data-src="__CDN__/assets/shop/img/index/image4.jpeg" alt="">
         </div>
         <div class="block no-padding-top">
             <div class="bg-gray color-black">
@@ -75,7 +75,7 @@
             </div>
         </div>
         <div class="block no-padding-top">
-            <img src="__CDN__/assets/shop/img/index/image5.jpeg" alt="">
+            <img data-src="__CDN__/assets/shop/img/index/image5.jpeg" alt="">
         </div>
         <div class="block no-padding-top">
             <div class="bg-brown color-gray">
@@ -86,7 +86,7 @@
             </div>
         </div>
         <div class="block no-padding-top">
-            <img src="__CDN__/assets/shop/img/index/image6.jpeg" alt="">
+            <img data-src="__CDN__/assets/shop/img/index/image6.jpeg" alt="">
         </div>
         <div class="block no-padding-top">
             <div class="bg-orange color-white">
@@ -97,7 +97,7 @@
             </div>
         </div>
         <div class="block no-padding-top">
-            <img src="__CDN__/assets/shop/img/index/image7.jpeg" alt="">
+            <img data-src="__CDN__/assets/shop/img/index/image7.jpeg" alt="">
         </div>
         <div class="block no-padding-top">
             <div class="bg-orange1 color-white">
@@ -108,7 +108,7 @@
             </div>
         </div>
         <div class="block no-padding-top">
-            <img src="__CDN__/assets/shop/img/index/image8.jpeg" alt="">
+            <img data-src="__CDN__/assets/shop/img/index/image8.jpeg" alt="">
         </div>
         <div class="block no-padding-top">
             <div class="bg-cyan color-white1">
@@ -119,7 +119,7 @@
             </div>
         </div>
         <div class="block no-padding-top">
-            <img src="__CDN__/assets/shop/img/index/image9.jpeg" alt="">
+            <img data-src="__CDN__/assets/shop/img/index/image9.jpeg" alt="">
         </div>
     </div>
     <!-- Footer-Menu -->

application/shop/view/index/run.html

@@ -166,6 +166,7 @@
         e.target.classList.add('animate');
         setTimeout(function(){
             e.target.classList.remove('animate');
+
         },700);
     }
 
@@ -221,6 +222,16 @@
 
         //return false;
         playMusic();
+        $(".block img").each(function(){
+            var _this = $(this);
+            setTimeout(function(){
+                var src = _this.attr('data-src');
+                console.log(src)
+                if(src){
+                    _this.attr('src', src);
+                }
+            }, 10)
+        })
         setTimeout(function(){
             var isLogin = parseInt("{$isLogin}");
             if(isLogin){