» Công Nghệ Thông Tin » Chinh Phục Forumtion » Các Code Hay » Code Giảm LAg Khi bÀi Viết Có Ảnh


You are not connected. Please login or register

Code Giảm LAg Khi bÀi Viết Có Ảnh

Go down  Message [Page 1 of 1]

An Hùng BMT

An Hùng BMT
Admin
Admin

<div class=noteclassic>Có 2 cách để giảm thời gian tải ảnh, bạn chỉ chọn 1 trong 2 đoạn mã dưới đây để áp dụng cho forum mình.
</div>
HD: Chèn vào header, trong thẻ head
Cách 1: Tải ảnh thay thế trước khi ảnh xuất hiện

Code:

<script type="text/javascript"  src="http://cfviet.googlecode.com/files/loadimgCFviet.js"></script>
 <script type="text/javascript" charset="utf-8">
      $(function() {
          $("img").lazyload({placeholder : "http://i1211.photobucket.com/albums/cc433/baivong/21hA.png"});
      });
  </script>

Cách 2: Tải trước 200px của ảnh trước khi ảnh xuất hiện
Code:
<script type="text/javascript"  src="http://cfviet.googlecode.com/files/loadimgCFviet.js"></script>
 <script type="text/javascript" charset="utf-8">
      $(function() {
          $("img").lazyload({ threshold : 200 });
      });
  </script>

Cách 3: Ảnh mờ dần trước khi xuất hiện
Code:
<script type="text/javascript"  src="http://cfviet.googlecode.com/files/loadimgCFviet.js"></script>
 <script type="text/javascript" charset="utf-8">
    $(function() {$(".postbody img").lazyload({effect : "fadeIn",placeholder : "http://2img.net/i/fa/empty.gif",overflow: scroll});});
  </script>

Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum