Nasıl bir arka plan görüntüsü görüntüler sayfa yüklenmeden önce emin olabilirim?

4 Cevap php

Başka herhangi bir içerik sayfasında gösterilen ÖNCE bir (büyük, 300K) arka plan resmi her zaman ilk görüntülenen emin olmak için bir yolu var mı?

Sunucuda biz PHP erişebilirsiniz.

4 Cevap

Tüm html içerik hizmet ve çözümlü bile görüntü almaya başlamadan önce, bu yüzden başlamadan önce Eğer bir sorununuz varsa edilmektedir.

Programlı içerik gizleme, ve sonra görüntü yüklendiğinde bunun bir "show" tetikleyerek bu aşmak.

yani:

<html>
  <body>
    <image here/>
    <div id="content" style="display:none;" >

    </div>
    <script type="psudocode"> 
     when(image.loaded){ 
          $("#content").show();
     }
    </script>
  </body>
</html>

Eğer bir kap içinde tüm içerik varsa, muhtemelen bu tekniğinin kullanarak oldukça yakın gelebilir. Javascript kullanılamaz / devre dışı olmadığını da incelikle başarısız olur.

Çünkü bir yönetici ya da bir şey yapmak zorunda eğer öyleyse, bu ben kullanmak yöntemdir.

<html><head><!-- head section --></head>
<body>
    <div id="container">
       <script type="text/javascript">
       <!--
         document.getElementById('container').style.display = 'none';
       -->
       </script>
       Content goes here
    </div>
    <script type="text/javascript">
    <!--
      document.getElementById('container').style.display = 'block';
    -->
    </script>
</body></html>

If you have very little content, however, it probably won't do much good. You could of course add a timer on the second javascript block, to delay it for a second or so :P

Olası bir yolu, JavaScript güvenmek istemiyorsanız, sadece arka plan görüntüsü ile bir kukla sayfa yapmaktır. Birkaç saniye sonra, gerçek sayfasına yönlendirir, ve önbellek zaten, çünkü plan hızlı yük olacak.

Not a super attractive solution, if the timing is fixed, I reckon.
Note that 300KB is quite big for a background image. I have seen worse, somebody using a 1MB image: even with a relatively fast connexion, I could see the background load way after the elements of the page.

Bunu yapmak mümkün olacak tek yolu javascript ile olduğunu düşünüyorum - içeriğinin kalanı görüntülemeden önce veya belli bir süre için ya da bekler için AJAX kullanır sadece arka plan görüntüsü ve bazı javascript içeren kullanıcı HTML gönder içeriği (aslında aynı şey) geri kalanını almak.

etiketler