Obtenir la taille de l'image avec Jquery

J'ai une liste d'images

<img src="001.jpg"> 
<img src="002.jpg">
<img src="003.jpg">
<img src="004.jpg">
<img src="005.jpg">

Chaque image est de 200px de large, mais les hauteurs sont différentes. Est-il possible avec Jquery afin de trouver, puis de régler la hauteur de chaque image après ils ont la charge?

J'ai l'intention d'avoir des dizaines d'images sur une seule page et ne voulez pas ajouter de la largeur et de la hauteur de l'attribut à chaque balise d'image.

Je suis l'aide de la Maçonnerie Plugin, et il faut que la largeur et la hauteur de l'attribut pour les images.

N'avez-vous pas déjà demandé cela? stackoverflow.com/questions/5239726
ne semblent très similaires, mais je suis intéressé par les réponses semblent être.

OriginalL'auteur Ryan | 2011-03-09

  1. 4

    Je crois que cela va faire ce que vous voulez:

    $('img').each(function() {
    $(this).attr('height',$(this).height());
    $(this).attr('width',$(this).width());
});

    Vous voudrez probablement ajouter un class="masonry" attribut à chaque img ainsi et ensuite faire votre sélection $('img.masonry').

    OriginalL'auteur Chris W.

  2. 3

    Vous pourriez essayer:

    $('img').each(
    function(){
        var height = $(this).height();
        var width = $(this).width();

        $(this).attr({'height': height, 'width': width});
    })

    En supposant que vous souhaitez le height/width attributs à définir le imgréelle de hauteur/largeur, plutôt que mise à l'échelle/modifiés de quelque manière.

    Références:

    Je pense que je me suis mise à l'échelle les images. Regardez le projet ici: jsfiddle.net/ryanjay/fgNMJ Maintenant, il travaille au sein de jsFiddle, mais sur un serveur, il n'est pas... ryanjay.com/layouttest Où pourrais-je ajouter ce code pour trouver les hauteurs de chaque image et les fixer?

    OriginalL'auteur David Thomas

  3. 1

    Vous pouvez utiliser le jQuery .height() et .width() méthodes, que ces retour le calcul de la largeur et de la hauteur. Vous devez toujours inclure les attributs width et height dans vos balises img cependant, certains navigateurs ne rendra pas ces images correctement sans eux.

    OriginalL'auteur Chris

  4. 0

    Sûr, utiliser la hauteur de la méthode pour obtenir la taille des balises img.

    http://api.jquery.com/height/

    OriginalL'auteur andypaxo