WebPreloader v1 Yayında

01 Ekim 2017

Githup : https://github.com/Hasokeyk/webPreloader

webPreloader Nedir?

Web preloaderlar web sitesi yüklenirken sayfada oluşan görüntü bozukluklarını giderilmek için üretilmiş web teknolojisidir. Web Preloader web sitesi yüklenirken tam ekran olarak çalışır ve ekranı kaplar. Ekran da sadece yükleme animasyonu oynar.

webPreloader Nasıl Kullanılır?

Öncelikle kullanabilmek için JQuery html içerisine çağırılmış olması gerekmektedir.

Jquery kütüphanesinin hemen altına aşağıdaki javascript ve css dosyaları çağrılmalıdır.

<script type="text/javascript" src="assets/js/webPreloader.js"></script> <link rel="stylesheet" href="assets/css/webPreloader.css"> 

Uzak dosyadan çağırmak isterseniz.

<script type="text/javascript" src="https://app.hayatikodla.net/webPreloader/webPreloader.js"></script> <link rel="stylesheet" href="https://app.hayatikodla.net/webPreloader/webPreloader.css"> 

HTML Etiketini Ekleme

Html etiketi sayfa yüklendiğinde DOM’da olması gerektiği için kendi dosyanıza eklenmesi gerekmektedir.

<body> 

Etiketinin hemen altına

<div class="webPreloader"> <div id="cssload-pgloading"> <div class="cssload-loadingwrap"> <ul class="cssload-bokeh"> <li></li> <li></li> <li></li> <li></li> </ul> </div> </div> </div> 

yukarıdaki html etiketlerini eklemeniz gerekmektedir.

webPreloader Demo

https://app.hayatikodla.net/webPreloader/demo/

webPreloader Parametreleri

Şu an kullanılabilir parametreler aşağıdaki gibidir.

sound : Yüklenirken çalacak olan mp3 dosyasının tam yolu
WEB DÜNYASI İLE İLGİLİ GÜNCEL BİLGİLER İÇİN ABONE OLUN!