Image Javascript onLoad

parfois lorsque l'image est récupérée à partir de la mémoire cache du navigateur, événement onload ne serait pas utilisé, donc vous pouvez vous faire un petit hack:

function FULL_IMAGE(fimage) {
    var loaded = false;
    function loadHandler() {
        if (loaded) {
            return;
        }
        loaded = true;
        /* your code */
    }
    var img = document.getElementById('FULL_SRC');
    img.addEventListener('load', loadHandler);
    img.src = fimage;
    img.style.display = 'block';
    if (img.complete) {
        loadHandler();
    }
}

La définition de l'événement se trouve à l'intérieur d'un bloc de fonction. Alors que je n'ai pas fait référence à la spécification ECMAScript, je ne peux que deviner que le mot-clé function associe le corps de la fonction (avec le code FULL_IMAGE symbole et ne fait pas entrer/exécuter le code. Par conséquent, il devient nécessaire pour la fonction FULL_IMAGE être appelée à partir de la mondial de bloc dans le but de s'inscrire à l'événement. Sinon, l'inscription à l'événement code peut être placé dans le global bloc. Tout ceci est bien sûr en supposant qu'une FULL_SRC id a été donné à un élément dans le document HTML.

Donné le commentaire suivant a été publié:

(Option 1)

  document.getElementById("FULL_SRC").onLoad = function(){
    offsetTop = document.getElementById("FULL_SRC").height / 2;
    offsetLeft = document.getElementById("FULL_SRC").width / 2;
    document.getElementById("FULL_SRC").style.marginTop="-"+offsetTop+"px";
    document.getElementById("FULL_SRC").style.marginLeft="-"+offsetLeft+"px";
  }

  function FULL_IMAGE(fimage){
    document.getElementById("FULL_SRC").src=fimage;
    document.getElementById("FULL_VIEW").style.display="block";
  }

(Option 2)

  function FULL_IMAGE(fimage){
    document.getElementById("FULL_SRC").onLoad = function(){
      offsetTop = document.getElementById("FULL_SRC").height / 2;
      offsetLeft = document.getElementById("FULL_SRC").width / 2;
      document.getElementById("FULL_SRC").style.marginTop="-"+offsetTop+"px";
      document.getElementById("FULL_SRC").style.marginLeft="-"+offsetLeft+"px";
    }
    document.getElementById("FULL_SRC").src=fimage;
    document.getElementById("FULL_VIEW").style.display="block";
  }

  FULL_IMAGE (myParameter);