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

  • BenjiManTV

    BenjiManTV

    20 Mart 2011
  • ChasesAndCrashes

    ChasesAndCra

    31 Temmuz 2009
  • 10 Daughters, 2 Sons

    10 Daughters

    10 Mart 2009