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

  • Hidden Wolf TV

    Hidden Wolf

    1 EKİM 2009
  • jpmkm1

    jpmkm1

    4 NİSAN 2008
  • lilstevie89

    lilstevie89

    25 Mart 2011