# 052: Thư viện tải mượt mà, Phần 2 - Thủ thuật CSS

Mục lục

Trong đó chúng tôi tìm ra các vấn đề chúng tôi gặp phải với việc tải bố cục cột một cách độc đáo. Cách khắc phục là loại bỏ CSS đang làm cho các hộp giữ chỗ tuân theo tỷ lệ khung hình hoạt động khi hình ảnh tải (tự nó giữ tỷ lệ khung hình). Sau đó, áp dụng một lớp CSS để làm cho hiệu ứng “mờ dần” (thay đổi độ mờ từ 0 thành 1). Dễ dàng và chỉ là một đoạn mã JavaScript.

Cần lưu ý rằng trên phiên bản trực tiếp của trang web, rất tiếc kỹ thuật thú vị này sẽ không hoạt động. Để nó thực sự hiệu quả, chúng ta cần biết tỷ lệ khung hình của phía máy chủ hình ảnh, chúng ta có thể tạo lưới ngay lập tức với các trình giữ chỗ chính xác. Rất tiếc, chúng tôi không có thông tin đó trong thư viện thực tế. Chúng ta có thể sử dụng PHP để lấy kích thước, nhưng nó rất chậm. Thay vào đó, chúng tôi đợi tất cả các hình ảnh tải và sau đó mờ dần về độ mờ của chúng. Không hoàn toàn tuyệt vời và chậm hơn một chút, nhưng ít nhất tải ít janky-ness.

thú vị bài viết...