Comment vérifier que l'image est complètement chargée ou ne pas utiliser JavaScript dans Facebook

Question

J'essaie d'exécuter du code lorsque l'image n'est pas chargée. Je suis en utilisant le code suivant:

<script language="javascript"> 

object = new Image(); 
object.src = '$imageurl'; 

if(!object.complete) 
{ 
    //do something 
} 

</script> 

Mais cela ne fonctionne pas dans Facebook. Aidez-moi, s'il vous plaît.

Answer 1

Exécutez une fonction en utilisant window.setInterval pendant le chargement de l'image et arrêtez-la dès qu'elle est chargée. ?

function() { 
var img = new Image(); 

var intervalId = window.setInterval(function() { 
    /* stuff to do with "img" while it is loading */ 
}, 250); 

img.onload = function() { window.clearInterval(intervalId); } 
img.src = 'http://example.com/image.jpg'; 
}

Answer 2

Utilisez le événement onload qui se déclenche lorsque l'image a été chargée comme ceci:

object.onload = function(){ 
    // image has been loaded 
}; 

ont également un oeil à:

• Getting an Image's onload to Fire

Mise à jour:

Pour exécuter le code, sauf si l'image n'a pas été chargé, vous pouvez le faire de cette façon:

<script language="javascript"> 

object = new Image(); 

// here image is not loaded yet 

object.onload = function(){ 
    // image has been loaded 
}; 

// image loaded, show it 
object.src = '$imageurl'; 

</script> 

Je suppose que vous utilisez php en voyant $imageurl, vous devez remplacer la ligne:

object.src = '$imageurl'; 

Avec:

object.src = '<?php echo $imageurl;?>'; 

Answer 3

Vous pouvez utiliser l'événement onLoad

<script language="javascript"> 

object = new Image(); 
object.src = '$imageurl'; 

object.onLoad = imageHasLoaded(); 

</script>