this site için bir duvar düzenini kullanarak ve ilk yük üzerine her kutu üst üste biner. Sıralı öğelerin herhangi birini sıralamak için kullanırsanız veya hatta "hepsi" üzerinde kalıyorsanız, kendilerini yeniden düzenlerler. Herhangi bir fikir?İzotop öğeleri ilk yükte üst üste biner
Henüz bir üne sahip değilim, bu yüzden yorum yapamam, ancak bu eklentiyi çok kullandığım için geçmişte tökezlediğim birkaç ipucu paylaşmak istedim ve yardımcı olabilir diğer insanlar.
Öncelikle, Sarah'ın bahsettiği ve yük olarak değil, imageLoaded işlevini kesinlikle kullanıyorum. (https://github.com/desandro/imagesloaded)
İpucu 1 - (resim boyutları büyük, yoksa onlarla bir sürü varsa kullanışlıdır) işe alma izotop eklentisi hızlandırmak için, imagesloaded sonra ise, her kap için bir yer tutucu resim yüklemek eklenti yangınları, isotope eklentisinin hızlı çalışmasını sağlayabilirsiniz. Ardından gerçek görüntüyü gerçek src url içeren bir veri özniteliği ile değiştirebilir, sadece izotop geri çağırma (http://isotope.metafizzy.co/events.html) kullanarak yapabilirsiniz. Tek caveot, resimlerinizin yer tutucuyla aynı boyutlara sahip olması veya kapların boyutlandırılmasının berbat hale gelmesi ve tekrar örtüşmesi gerekir.
İpucu 2 - Bunu aslında yapmadım, ancak kullanmayı düşündüğüm bir yöntem, görüntüleri kabın arka plan görüntüsü olarak yüklemek, bir yükseklik ayarlamak ve kapsayıcıya (veya en azından resim parçasına) Bunu), görüntüleri arka plan olarak ayarla: kapak; ve daha sonra, izotop eklentisinin işe koyulmasından önce, görüntülerin yüklenmesi konusunda endişelenmenize gerek yoktur.
Sadece kendi sorumu cevapladım! Bunun üzerine tökezleyen herkes için, sadece izotop senaryosunu $ (window) .load'a getirdiğinizden emin olun. – mtthwbsh
Awesome! Sorunumu da düzeltdim. Teşekkürler! – betweenbrain
Duvar kağıdına dair SSS'deki ilk soru ("Çakışan öğeleri nasıl giderebilirim?") - http://masonry.desandro.com/faq.html - "imagesLoaded" işlevini kullanabileceğinizi de vurgular. – Sarah