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

  • AmeriiK_HD

    AmeriiK_HD

    16 AĞUSTOS 2012
  • B3ASTTY™

    B3ASTTY™

    27 Mayıs 2013
  • Elly

    Elly

    3 EKİM 2005