Html Preloader

Html sayfalar için preloader yapımını göstereceğim bu yazımda. Hazırladığımız bir web sayfasının (html,php vs tabanlı) açılması içeriği nedeniyle zaman alıyorsa ve bu zaman zarfı içerisinde bir preloader hazırlayıp kullanıcıya gösterebiliriz.

Şimdi bir adet yukleniyor.gif hazırlayalım. Hazırlayacağımız bu gif'in boyutunun küçük olması hızlı yüklenerek kullanıcının önüne gelerek sayfa yüklenirken gözükmesi açısından önemlidir.

Aşağıda vereceğim kaynak kodların ilk kısmını head tagları arasına 2. kısmını ise body kısmına ekliyoruz.

Kaynak kod indir