懒加载图片

application/views/mobile_first/ch-next.php

@@ -5,7 +5,8 @@
     <?php if (!empty($info_howtoplan)) { ?>
         <div class="articlenext">
             <a href="<?php echo $info_howtoplan->ic_url; ?>" rel="nofollow"><img
-                        src="<?php echo $info_howtoplan->ic_photo; ?>"
+                        src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                        originalsrc="<?php echo $info_howtoplan->ic_photo; ?>"
                         alt="<?php echo $info_howtoplan->ic_title; ?>" class="img-responsive"></a>
             <span class="categorycenter"><?php echo $info_howtoplan_root->ic_title; ?></span>
             <span class="articlenexttitle"><a
@@ -16,7 +17,8 @@
     <?php if (!empty($info_besttime)) { ?>
         <div class="articlenext">
             <a href="<?php echo $info_besttime->ic_url; ?>" rel="nofollow"><img
-                        src="<?php echo $info_besttime->ic_photo; ?>"
+                        src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                        originalsrc="<?php echo $info_besttime->ic_photo; ?>"
                         alt="<?php echo $info_besttime->ic_title; ?>" class="img-responsive"></a>
             <span class="categorycenter"><?php echo $info_besttime_root->ic_title; ?></span>
             <span class="articlenexttitle"><a
@@ -27,7 +29,8 @@
     <?php if (!empty($info_topthings)) { ?>
         <div class="articlenext">
             <a href="<?php echo $info_topthings->ic_url; ?>" rel="nofollow"><img
-                        src="<?php echo $info_topthings->ic_photo; ?>"
+                        src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                        originalsrc="<?php echo $info_topthings->ic_photo; ?>"
                         alt="<?php echo $info_topthings->ic_title; ?>" class="img-responsive"></a>
             <span class="categorycenter"><?php echo $info_topthings_root->ic_title; ?></span>
             <span class="articlenexttitle"><a
@@ -38,7 +41,8 @@
     <?php if (!empty($info_hotel)) { ?>
         <div class="articlenext">
             <a href="<?php echo $info_hotel->ic_url; ?>" rel="nofollow"><img
-                        src="<?php echo $info_hotel->ic_photo; ?>"
+                        src="https://data.chinahighlights.com/grey.gif" loader="lazy"
+                        originalsrc="<?php echo $info_hotel->ic_photo; ?>"
                         alt="<?php echo $info_hotel->ic_title; ?>" class="img-responsive"></a>
             <span class="categorycenter"><?php echo $info_hotel_root->ic_title; ?></span>
             <span class="articlenexttitle"><a

application/views/mobile_first/ch-pc.php

@@ -41,7 +41,7 @@
 <!--PC头部导航-->
 <header class="headerbar" id="header">
 
-    <a href="/" class="p_toplogo"> <img src="https://www.chinahighlights.com/pic/logo/pc-top-navi-logo-2020.png"
+    <a href="/" class="p_toplogo"> <img src="https://www.chinahighlights.com/pic/logo/china-highlights-top-navi-logo-2021.png"
                                         width="154px" height="83px" alt="chinahighlights logo"
                                         class="chinahighlightslogo"></a>
     <div class="p_topnavigation">
@@ -231,7 +231,7 @@
             <div class="aboutusright">
 
                 <div class="bottompctitle">Featured on</div>
-                <img src="https://data.chinahighlights.com/pic/guide/info-template-feature-on.png" alt="xxx"
+                <img src="https://data.chinahighlights.com/grey.gif" loader="lazy" originalsrc="https://data.chinahighlights.com/pic/guide/info-template-feature-on.png" alt="info template feature on"
                      class="img-responsive bottomfeature">
 
 
@@ -264,7 +264,7 @@
             </div>
             <div class="bottommembers">
                 <div class="memberIcons">
-                    <img src="https://data.chinahighlights.com/css/images/global/member-icons.png">
+                    <img src="https://data.chinahighlights.com/grey.gif" loader="lazy" originalsrc="https://data.chinahighlights.com/css/images/global/member-icons.png">
                 </div>
             </div>
         </div>
@@ -274,7 +274,9 @@
 <div class="bottomlogo">
     <div class="footerbox">
         <div class="row">
-            <img src="https://data.chinahighlights.com/pic/guide/info-template-bottom-logo.jpg"
+            <img src="https://data.chinahighlights.com/grey.gif"
+                 originalsrc="https://data.chinahighlights.com/pic/guide/info-template-bottom-logo.jpg"
+                  loader="lazy"
                  class="img-responsive bottomlogopc">
             <span class="bottomcopyright">© 1998-2020 China Highlights — Discovery Your Way!  </span>
             <span class="bottomprivacy"><a href="/privacy.htm">Privacy Policy</a>  |  <a
@@ -284,7 +286,8 @@
 </div>
 <!--@PRODUCT-JS@-->
 <!--@ADDON-JS@-->
-<script>function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}</script>
+<script>eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('8.R=10;(4(){3 h=b 26();4 11(X){8.R=X&&X.1I===\'1b\'?h.1V==1:10;1c()}h.1T=11;h.1Z=11;h.S=\'1M:1R/1x;1F,1Q/1P=\'})();5(!c.g){c.g=(4(){3 1u=y.M.1S;3 P=4(l){6 I l==="4"||1u.Q(l)==="[19 1L]"};3 1j=4(D){3 f=1O(D);5(1N(f)){6 0}5(f===0||!1Y(f)){6 f}6(f>0?1:-1)*o.1X(o.20(f))};3 1y=o.1U(2,1W)-1;3 1a=4(D){3 9=1j(D);6 o.1G(o.1H(9,0),1y)};6 4 g(J){3 C=E;3 U=y(J);5(J==p){F b H("c.g 1K 1J 1E-1D 19 - V p 1k B")}3 n=j.m>1?j[1]:2o B;3 T;5(I n!=="B"){5(!P(n)){F b H("c.g: 2q 2j, 2i 2k 2l 2m 2n a 4")}5(j.m>2){T=j[2]}}3 9=1a(U.m);3 A=P(C)?y(b C(9)):b c(9);3 k=0;3 d;1l(k<9){d=U[k];5(n){A[k]=I T==="B"?n(d,k):n.Q(T,d,k)}z{A[k]=d}k+=1}A.m=9;6 A}}())}5(!c.M.v){c.M.v=4(u){3 T,k;5(E==p){F b H("E 1i p 1k V 2p")}3 O=y(E);3 9=O.m>>>0;5(I u!=="4"){F b H(u+" 1i V a 4")}5(j.m>1){T=j[1]}k=0;1l(k<9){3 d;5(k 13 O){d=O[k];u.Q(T,d,k,O)}k++}}}4 1c(2h){3 14=4(i){i.W("1b",4(){i.r.q=1});5(8.R){i.1z("S",i.1B("1A").25(\'.28\',\'.1x\'))}z{i.1z("S",i.1B("1A"))}};3 1p=c.g(e.1q("h[1C=27]"));1p.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m";14(7)});3 w=1o();w();4 12(l,1s,1v){3 N=p,L=b 1r();6 4(){3 K=b 1r();22(N);5(K-L>=1v){l();L=K}z{N=21(l,1s)}}}4 1h(1n){3 16=1n.24();6{15:16.15+8.23-e.t.2e,1t:16.1t+8.2d-e.t.2g}}4 1o(){3 G=c.g(e.1q("h[1C=2f]"));G.v(4(7,Y){7.r.q=0;7.r.1w="q 0.18 1e-13-1m"});6 4(){3 1g=8.2a;3 x=(e.t&&e.t.x)||(e.1d&&e.1d.x);G=G.29(4(7,Y){3 1f=1h(7).15;3 Z=1f<1g+x;5(Z){14(7)}6!Z})}}5(8.W){8.W("2c",12(w,s,s),10)}z{5(8.17){8.17("2b",12(w,s,s))}}};',62,151,'|||var|function|if|return|element|window|len||new|Array|kValue|document|number|from|img|target|arguments||fn|length|mapFn|Math|null|opacity|style|500|documentElement|callback|forEach|lazyloader|scrollTop|Object|else||undefined||value|this|throw|lazyImageList|TypeError|typeof|arrayLike|curTime|startTime|prototype|timeout||isCallable|call|isSupportWebp|src||items|not|addEventListener|event|index|hasVisible|false|getResult|throttle|in|loadImageByUrl|top|box|attachEvent|5s|object|toLength|load|createImageLoader|body|ease|offsetTop|seeHeight|getOffset|is|toInteger|or|while|out|el|createLazyloader|imageList|querySelectorAll|Date|delay|left|toStr|atleast|transition|webp|maxSafeInteger|setAttribute|originalsrc|getAttribute|loader|like|array|base64|min|max|type|an|requires|Function|data|isNaN|Number|vuUAAA|UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA|image|toString|onerror|pow|width|53|floor|isFinite|onload|abs|setTimeout|clearTimeout|pageYOffset|getBoundingClientRect|replace|Image|ready|jpg|filter|innerHeight|onscroll|scroll|pageXOffset|clientTop|lazy|clientLeft|settings|the|provided|second|argument|must|be|void|defined|when'.split('|'),0,{}))
+    function loadScriptByAsync(src) {var asyncScript = document.createElement("script");asyncScript.async = true;asyncScript.crossorigin = "anonymous";asyncScript.src = src;firstScript=document.getElementsByTagName("script")[0];firstScript.parentNode.insertBefore(asyncScript, firstScript);}</script>
 <!--@IN-ARTICLE-GOOGLE@-->
 <!--@ADDTHIS-WIDGET@-->
 </body>