Có cách nào để tải trước hình ảnh chỉ bằng cách sử dụng html/css không?Trước khi tải hình ảnh
Trả lời
Có thể. Có nhiều hướng dẫn có sẵn về chủ đề này - here is one of them.
Nếu bạn đưa url vào CSS, hình ảnh sẽ được tải xuống dưới dạng tệp .css được tải vào tài liệu.
Có: http://perishablepress.com/press/2008/04/15/pure-css-better-image-preloading-without-javascript/
Cảm ơn ... url đó đã được liên kết đến trong câu trả lời ở trên (đầu tiên). – natas
Vâng, có. Có một kỹ thuật gọi là CSS sprites.
Về cơ bản, nó hoạt động bằng cách tải một hình ảnh lớn và sau đó chỉ hiển thị các phần nhất định của hình ảnh khi cần. Rõ ràng, kỹ thuật này không thực tế cho mọi giải pháp nhưng nó tốt cho nhiều người.
A List Apart có một hướng dẫn tuyệt vời về điều này: A List Apart: Articles: CSS Sprites: Image Slicing's Kiss of Death
Hoặc thậm chí dễ dàng hơn: <link rel="prefetch" href="path to image">
(Firefox).
<link rel="prerender" href="http://example.org/index.html">
(Chrome)
Đẹp, nhưng Mozilla chỉ – saille
Có phải không? Tôi đã hy vọng các trình duyệt khác đã nhặt nó lên rồi. – Ms2ger
Lưu ý/cập nhật: 'prefetch' là [HTML 5 standard] (http://www.w3.org/TR/html5/links.html#link-type-prefetch). Mặc dù tôi chưa thử nghiệm trình duyệt nào thực hiện đầy đủ tính năng này (vào năm 2014). –
- 1. CSS Image layouting trước khi hình ảnh được tải
- 2. Đợi tải hình ảnh trước khi tiếp tục
- 3. image.onload cháy trước khi hình ảnh được tải hoàn toàn
- 4. Thay đổi kích thước hình ảnh trước khi tải lên
- 5. jQuery/javascript - Nhận kích thước hình ảnh trước khi tải
- 6. tải trước hình ảnh CSS ẩn
- 7. Flexslider - trình tải trước hình ảnh
- 8. Lấy kích thước hình ảnh bằng Javascript trước khi hình ảnh được tải đầy đủ
- 9. cách xem trước hình ảnh trước khi tải lên trong các trình duyệt khác nhau
- 10. Rails 3: cách tốt nhất để xem trước hình ảnh trước khi tải lên
- 11. Hiển thị xem trước hình ảnh trước khi tải lên trong IE9
- 12. cách xem trước hình ảnh trước và sau khi tải lên?
- 13. tải trước hình ảnh với hình nền css?
- 14. Tại sao tải trước hình ảnh không hiệu quả?
- 15. Tải lên nhiều hình ảnh với bản xem trước
- 16. Tối ưu hóa javascript tải trước hình ảnh
- 17. Hình ảnh được tải trước không hiển thị trong Chrome
- 18. Chiều rộng và chiều cao của hình ảnh IE = 0 trước khi hình ảnh được tải xuống
- 19. Tải hình ảnh xem trước QuickLook cho tệp
- 20. Hình ảnh khi khởi động/tải
- 21. Magento - Lỗi khi tải lên hình ảnh
- 22. Làm thế nào để tải lên hình ảnh với hình ảnh xem trước bootstrap của Jasny?
- 23. quá trình SDWebImage hình ảnh trước khi bộ nhớ đệm
- 24. Chặn Javascript cho đến khi quá trình tải trước hình ảnh hoàn tất?
- 25. JQuery đang chờ tải hình ảnh trước khi thực hiện tài liệu.ready
- 26. Hiển thị hình ảnh PHP được chọn trước khi tải lên
- 27. ghi đè lên tệp trước đó trong khi tải lên hình ảnh trong mã vạch
- 28. Android CustomWebChromeClient openFileChooser Thay đổi kích thước hình ảnh trước khi tải lên
- 29. php thay đổi kích thước hình ảnh vào hoặc trước khi tải lên
- 30. PHP - Thay đổi kích thước hình ảnh trong máy chủ trước khi trình duyệt tải xuống
Không đúng, ít nhất không phải cho tất cả các trình duyệt. Hầu hết các trình duyệt tải url CSS theo yêu cầu, vì vậy hình ảnh di chuột không tải xuống cho đến khi người dùng di chuột. – saille