jquery image rezise ne fonctionne pas en chrome

Question

Salut tous im travaillant sur un petit script de redimensionnement d'image et cela fonctionne en IE et FF mais pas en chrome. Je dois rafraîchir la page pour que ça fonctionne. Je travaille dans un iframe. Voici mon code

function resize() { 
    var maxWidth = 200; 

    var width = $("#ImageMainPicture").width(); 
    //alert(width); 
    if (width > maxWidth) { 
     $("#ImageMainPicture").css("width", maxWidth); 
    } 

Ceci est appelé sur un jquery doc.ready.

Merci à tous ceux qui regardent cette

Answer 1

$(document).ready() fonctionne avant que l'image est chargée. Lorsque vous avez besoin d'un support à charger, utilisez plutôt $(window).load(.

Vous pouvez également utiliser CSS!

#ImageMainPicture { 
    max-width: 200px; 
} 

Answer 2

Essayez ceci:

$("#ImageMainPicture").width(maxWidth); 

Answer 3

Essayez suivante si "#ImageMainPicture" est l'image élément parce que l'image est pas chargée lorsque .ready de $ (document)() , de sorte que vous supposez de mettre ce code dans $ (fenêtre) .load()

$(document).ready(function(){ 
    $(window).load(function(){ 
    var maxWidth = 200; 
    var width = $("#ImageMainPicture").outerWidth(); 
    if (width > maxWidth) { 
     $("#ImageMainPicture").css("width", maxWidth); 
    } 
    }); 
}); 

Answer 4

function resize() { 
    var $img = $("img#ImageMainPicture"); 

    $img.onload(function() { 
     var onloadInterval = setInterval(function() { 
      // Make sure the image is actually loaded in IE 
      if ($img[0].complete) { 
       clearInterval(onloadInterval); 
       $img.css("width", Math.min($img[0].width, 200)); 
      } 
     }, 100); 
    }); 
} 

L'appel de la fonction trouvera l'image avec un id de « ImageMainPicture » et définir le onload pour commencer un intervalle. L'intervalle vérifie la propriété complète sur l'objet image de sorte que nous sommes sûrs que l'image est chargée dans IE, puis définit la largeur de l'image à la valeur la plus petite. De cette façon, nous sommes absolument sûrs que l'image est là pour nous de manipuler sa largeur.