Hiển thị ảnh động khi đang tải trang Xenforo

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,832
Được Like
12,694
Thủ thuật này có tác dụng hiển thị hình ảnh động khi người dùng đang tải trang web của bạn, khi trang web được tải xong, hình ảnh này sẽ biến mất. Thủ thuật này cũng khá hay, giúp người dùng đỡ cảm thấy nhàm chán khi trang web của bạn load quá lâu.

Bắt tay thực hiện nào:
- Thêm vào cuối template page_container_js_head đoạn code sau:
Mã:
<style>
    #ITDPreLoad
    {
       background:#fff url(images/loading.gif) no-repeat center center;
   height: 64px;
   width: 64px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}
    }
</style>
<script>
    $(window).load(function(){
      $('#ITDPreLoad').fadeOut(2000);
    });
</script>

- Thêm vào template PAGE_CONTAINER, trước thẻ </body> đoạn code sau:
Mã:
<div id="ITDPreLoad"></div>

- Upload hình ảnh động image.gif bạn muốn hiển thị lên ../images
Bạn có thể tải các hình ảnh động dưới đính kèm.


Nguồn: kyniem.org​
 

Đính kèm

  • images.zip
    63.5 KB · Lượt xem: 16
  • Like
Reactions: THB

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom