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

  • Huot Media

    Huot Media

    7 Mayıs 2010
  • Justin Schenck

    Justin Schen

    24 Kasım 2006
  • Vicious Computers

    Vicious Comp

    14 EKİM 2006