Site yüklenirken loader yapımı

• 10,650 Kez okundu
• Programlama
• 0 Yorum

Siteniz yüklenirken web sitenize güzel bir loader mı yüklemek istiyorsunuz. O zaman makalemizi dikkatlice okuyun ve uygulayın.

Öncelikle size loader çeşitleri bulabileceğiniz bir link vereceğiz. Buradan 100lerce gelişmiş loader bulabilir ve kodları kopyalayarak sitenize entegre edebilirsiniz.

http://codepen.io/search/pens/?page=1&q=loader

Buradan loaderınızı seçtikten ve kodları sitenize entegre etmeden önce bazı jquery kodlarıyla sitenizde loaderın sadece sayfa yüklenirken gelmesini sağlamalısınız.

Bunun için de aşağıdaki kodları sitenizin masterpage kısmına yapıştırınız.

$(window).load(function(){
$('.yukleniyor').hide(); // Loader divini gizle
$('.site').show(); // Diğer loader dışındakileri bir dive al ilk olarak sonra onu göster :)
});

İşlem bu kadar web tasarım alanında daha fazla bilgi sahibi olmak ve web sitenizin daha iyi görünmesini sağlamak için blogumuzu takipte kalın.