Elementy izotopowe zachodzą na siebie przy pierwszym obciążeniu

Question

Przy użyciu układu murarskiego dla this site i przy pierwszym załadowaniu każde pudełko zachodzi na siebie. Jeśli użyjesz któregoś z elementów nawigacyjnych, aby posortować lub po prostu pozostać na "wszystkim", zmieniają się same. Jakieś pomysły?

Answer 1

Nie mam jeszcze 50 punktów, więc nie mogę tego komentować, ale chciałem podzielić się kilkoma poradami, z którymi się spotkałem w przeszłości, ponieważ użyłem tej wtyczki, i to mogłoby pomóc inni ludzie.

Po pierwsze, zdecydowanie używam funkcji imageLoaded, jak wspomniała Sarah, a nie onload. (https://github.com/desandro/imagesloaded)

Wskazówka 1 - Aby przyspieszyć wtyczki izotopów z dostaniem się do pracy (przydatne jeśli rozmiary obrazu są duże, czy masz wiele z nich), załadować obraz zastępczy dla każdego pojemnika, a następnie po imagesloaded Plugin wtyczki, możesz mieć wtyczkę izotopową do szybkiego działania. Następnie możesz zamienić prawdziwy obraz za pomocą atrybutu danych, który zawiera prawdziwy URL src, po prostu zrób to za pomocą wywołania zwrotnego izotopu (http://isotope.metafizzy.co/events.html). Jedynym zastrzeżeniem jest to, że twoje obrazy będą musiały mieć te same wymiary co symbol zastępczy, a rozmiar opakowań może zostać zawalony i ponownie pokryć się.

Wskazówka 2 - Nigdy tak naprawdę tego nie robiłem, ale jedną z metod, o których myślałem, było załadowanie obrazów jako obrazu tła pojemnika, ustawienie wysokości i dla pojemnika (lub przynajmniej części obrazu z tego), ustaw obrazy jako rozmiar tła: okładka; i nie musisz się martwić o ładowanie obrazów, zanim wtyczka izotopowa może działać.