SORU
5 Aralık 2009, CUMARTESİ


Nasıl sayfa yükleme bitinceye kadar Sayfa Yükleniyor div göstermek için

Bazı yoğun aramalar yapıyor gibi oldukça yavaş yüklenen web sitemizde bir bölüm var.
div bir şey" sayfayı kendisi hazırlar süre sonra her şey hazır olduğunda? yok "yükleniyor benzer söylemeye nasıl alabilirim herhangi bir fikir

CEVAP
1 EYLÜL 2010, ÇARŞAMBA


Bu ve ben de bunu buldum internette biraz araştırma yaptıktan sonra (bir WordPress kullanmak gerekli) ihtiyacım var:

Body etiketini ekleyin sonra ilk sağ

<div id="loading">
  <img id="loading-image" src="images/ajax-loader.gif" alt="Loading..." />
</div>

Ekle css div ve görüntü için sınıf: stil

#loading {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}

Ve nihayet sayfanıza bu javascript (tercihen tabii ki body etiketi kapanmadan önce sayfa sonunda) ekleyin:

<script language="javascript" type="text/javascript">
     $(window).load(function() {
     $('#loading').hide();
  });
</script>

Sonra ayarlamak yükleme görüntünün konumunu ve yardım stil sınıfı ile yükleme div arka plan rengi.

Bu, gayet güzel çalışıyor. Ama tabii ki bir ajax-loader.gif bir yerlerde olmalı.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Android Police

    Android Poli

    21 NİSAN 2010
  • Dion Coulls

    Dion Coulls

    16 AĞUSTOS 2006
  • ipsy

    ipsy

    1 EKİM 2012