# 051: Sorunsuz Yükleme Galerisi, Bölüm 1 - CSS Hileleri

Anonim

Galerinin ızgara düzenine sahibiz. Maalesef yüklenmesi biraz ani ve riskli. Bunun nedeni, CSS3 sütunlarının içeriği sütunların her biri arasında eşit olarak bölmek üzere tasarlanmış olmasıdır, ancak görüntülerin bazen yüklenmesi biraz zaman alır ve henüz kullanılacak bir genişlik / yüksekliğe sahip değildir. Bu yüzden ortaya çıktıklarında, sütunların kendilerini yeniden düzenlemeleri gerekir.

Sanırım bu tuhaflığı biraz JavaScript ile önleyebiliriz. Görüntülerin yüksekliğini ve genişliğini bildiğimiz için, oraya yer tutucu olarak koymak için doğru en boy oranına sahip bir kutu oluşturabiliriz. Ardından resim yüklendiğinde, yer tutucuyu resimle değiştireceğiz.

Videonun sonunda doğru yoldayız, ancak biraz bozuk. Merak etmeyin, bir sonraki videoda düzelteceğiz.