largeur de réglage et la hauteur des images avec jquery dans les navigateurs WebKit

Question

j'ai une image avec classe mypic

J'utilise l'événement de charge pour régler la largeur et la hauteur de cette image:

$(window).load(function() { 
    //Here I calculate final w and h 
    $('.mypic').css("width",w); 
    $('.mypic').css("height",h); 
    $('.mypic').height(h); 
    $('.mypic').width(w); 
}); 

En firefox Je n'ai aucun problème mais dans les navigateurs webkit la hauteur n'est pas définie et je ne sais pas pourquoi. C'est étrange puisque la largeur est réglée sans problèmes. Je ne sais pas ce qui se passe avec safari et chrome. Ai-je raté quelque chose? Quelqu'un pourrait-il m'aider?

Merci beaucoup.

Answer 1

Essayez

$(function() { 
    //put your code here 
    $('.mypic').css({ 
    'width': w, 
    'height': h 
    }); 
}); 

Je fais quelques chose ici:

Encapsulation tout en fonction et en passant à l'objet jQuery ($) fera en sorte qu'il fonctionne lorsque le chargement du document (une autre utilisation pratique de $).

Vous pouvez effectuer un appel à CSS avec un objet JSON des attributs que vous souhaitez définir. Oh, et la définition de la hauteur CSS et l'appel .height (h) sont identiques à l'exception de leur valeur de retour (http://api.jquery.com/height/) et, comme vous n'utilisez pas la valeur de retour, vous n'avez pas besoin d'appeler les deux.

Quoi qu'il en soit, testé et cela fonctionne dans Chrome et Safari.