Các mục đồng vị chồng lên nhau trên tải ban đầu

Question

Sử dụng bố cục nề cho this site và khi tải đầu tiên mỗi hộp trùng lặp. Nếu bạn sử dụng bất kỳ mục điều hướng nào để sắp xếp hoặc thậm chí chỉ ở trên "tất cả", chúng sẽ tự sắp xếp lại. Bất kỳ ý tưởng?

Answer 1

Tôi không có danh tiếng 50 nên tôi không thể nhận xét, nhưng tôi muốn chia sẻ một vài mẹo mà tôi đã gặp phải trong quá khứ vì tôi đã sử dụng plugin này rất nhiều và có thể giúp ích ngươi ta.

Trước hết, tôi chắc chắn sử dụng chức năng imageLoaded như Sarah đã đề cập và không phải là onload. (https://github.com/desandro/imagesloaded)

Mẹo 1 - Để tăng tốc độ plugin đồng vị hoạt động (hữu ích nếu kích thước hình ảnh lớn hoặc bạn có nhiều), bạn tải hình ảnh giữ chỗ cho mỗi vùng chứa, sau khi tải hình ảnh plugin cháy, bạn có thể có các plugin đồng vị có được để làm việc một cách nhanh chóng. Sau đó, bạn có thể hoán đổi hình ảnh thực với một thuộc tính data có chứa url src thực, chỉ cần làm như vậy bằng cách sử dụng gọi lại đồng vị (http://isotope.metafizzy.co/events.html). Hang động duy nhất là hình ảnh của bạn sẽ cần phải có cùng kích thước như trình giữ chỗ hoặc kích thước của các thùng chứa có thể bị rối tung lên và chồng chéo một lần nữa.

Mẹo 2 - Tôi chưa bao giờ thực sự làm điều này, nhưng một phương pháp mà tôi nghĩ đến là tải hình ảnh làm hình nền của vùng chứa, đặt chiều cao và cho vùng chứa (hoặc ít nhất là phần hình ảnh của nó), thiết lập các hình ảnh như là kích thước nền: bìa; và sau đó bạn không cần phải lo lắng về việc tải hình ảnh trước khi các plugin đồng vị có thể nhận được để làm việc.