PHP | Jquery | Css | Codeigniter | Unity3D


Jquery ile sayfanıza eklemiş olduğunuz bir resmin yüklenip yüklenmediğini kotrol etmeniz mümkündür, bunu neden yaparsınız ? Örneğin resmin yolu yanlışsa ve yüklenmemişse kırık resim simgesi yerine, o img bloğunu kaldırabilir veya yerine farklı bir alternatif kod yazabilirsiniz bir de yüklemiş olduğunuz resmin yüklenme işleminin tamamlandığını kontrol etme durumu var ( Jquery Complete ), burda da resmin yüklenme işlemi tamamlanmadan resimle ilgili yazı veya metnin yüklenmesini durdurabilir veya resim tamamen yüklendikten sonra görünür yapabilirsiniz. Özellikle yüksek çözünürlükte ve yüklenmesi bikaç saniye zaman alan büyük boyutlu resimlerin yüklenmesi can sıkıcı durumlara yol açabilir ya da internetin yavaş olduğu durumlarda da yüklenme zaman alıcaktır yüklenme tamamlandığı sırada bir fonksiyon tetikletebilirsiniz.

Jquery kütüphanesini import etmeyi unutmayın !


<script type="text/javascript">

$(document).ready(function(e) {

   var img1 = document.querySelector('.img-1');
 
   function loaded() {
      
      $('div#dd').hide();
      alert("Resim yüklenmesi tamamlandı !");
   }
 
   if (img1.complete) {

       loaded();

   }
   else {

      img1.addEventListener('load', loaded);
      $('div#dd').show();
   }
 
   img1.addEventListener('error', function() {
   
      alert("Resim yüklenirken hata oluştu !");
   });

});

</script>


<body>


Yükleniyor ..
</body>


Soru ve Tartışma Konularınız için;

Yayınlayan
comments powered by Disqus
Yazar: Windofelm
Description: Web sayfanıza eklediğiniz resmin yüklenip yüklenmediğini veya yüklenmenin tamamlandığını kontrol edebilirsiniz.