Chúng tôi có bố cục lưới cho Thư viện đang hoạt động. Thật không may, việc tải nó là một chút đột ngột và khó khăn. Điều này là do các cột CSS3 được thiết kế để chia đều nội dung giữa các cột, nhưng hình ảnh đôi khi mất một chút thời gian để tải và chưa có chiều rộng / chiều cao để sử dụng. Vì vậy, khi chúng xuất hiện, các cột cần tự tổ chức lại.
Tôi nghĩ rằng chúng ta có thể ngăn chặn sự háo hức này bằng một số JavaScript. Vì chúng tôi biết chiều cao và chiều rộng của hình ảnh, chúng tôi có thể tạo một hộp có tỷ lệ khung hình chính xác để đặt ở đó làm trình giữ chỗ. Sau đó, khi hình ảnh được tải, chúng tôi sẽ thay thế trình giữ chỗ bằng hình ảnh.
Đến cuối video, chúng tôi đang đi đúng hướng, nhưng nó hơi bị hỏng. Đừng lo lắng, chúng tôi sẽ khắc phục nó trong video tiếp theo.