Trang web của tôi tải hình ảnh rất chậm. Một số văn bản xuất hiện, sau đó một số bảng, sau đó một số hình ảnh ... và sau đó - hình nền cơ thể.
Làm thế nào tôi có thể buộc rằng không có gì nên được hiển thị cho đến khi toàn bộ trang đã sẵn sàng?Làm thế nào để ngăn chặn dần hiển thị một trang?
Có lẽ cách dễ nhất/tốt nhất là sử dụng Javascript để thực hiện việc này. Cách chính tôi đã thấy điều này được thực hiện là trình xử lý tài liệu sẵn sàng tiết lộ tất cả các nội dung ẩn.
$(document).ready(function() { $('*').show(); }); // Or something similar.
Tất nhiên, mọi người muốn xem một số phản hồi về "tiến trình" để trang web của bạn không bị mã hóa kém hoặc như máy chủ bị kẹt. Vì vậy, một thanh loader hoặc bất cứ điều gì.
Như tôi đã đề cập ở trên, nơi tốt nhất cho các loại câu hỏi này là Stack Overflow và có lẽ điều này sẽ được di chuyển trên đó bởi một cá nhân được xếp hạng cao hơn. Trong thời gian đó, đây là một số rất similar question trên Stack Overflow.
'.ready()' sẽ kích hoạt khi DOM hoàn tất, * trước khi * hình ảnh đã được tải, vì vậy OP sẽ tiếp tục có cùng một vấn đề (ví dụ: chờ tải hình ảnh). Từ các tài liệu jQuery trên '.ready()': "* Trong trường hợp mã dựa vào các tài sản đã tải ... mã phải được đặt trong một trình xử lý cho sự kiện' load' thay thế. * "OP sẽ đợi cho' window .onload'. – apsillers
Bạn có thể thêm một lớp tại body trong đó có display:none và loại bỏ nó một lần trang web được tải ..
<body class="loading">
...
</body>
và
<script>
window.onload = function(){document.body.className = '';};
</script>
@nerdwaller, thanks a lot. – Bonaca
Hy vọng rằng bạn sẽ đi đúng hướng, tôi đồng ý với câu trả lời hàng đầu ở đó. Một số loại xử lý nên hiển thị để mọi người không nghĩ rằng bạn có một máy chủ nghèo. – nerdwaller
Có, tôi đã thấy liên kết của bạn, và có vẻ như tôi sẽ khay với hình ảnh gif nhỏ (bộ nạp) và jQuery onload() để thay đổi css hình ảnh. Có lẽ bạn nên thiết kế bình luận của bạn như là câu trả lời. Cảm ơn một lần nữa. – Bonaca