Dimensions image à partir de l'url
Bonsoir à tous,
en fait, j'aimerais bien obtenir les dimensions des images à partir de leur URL. Dans mon cas, j'utilise une fonction callback mais je ne reçois le résultat que quand toutes les images ont été traitées.
Voici une partie du code que j'exécute :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
|
$(document).ready(function(e){
$(".carousel").each(function(index, item) {
containerWidth = 180;
containerHeight = 180;
$(item).find("img").each(function(index, img) {
var imageSize = getImageSize($(img).attr('src'));
var pictureWidth = $(img).prop('naturalWidth');
var pictureHeight = $(img).prop('naturalHeight');
$(img).css({
'width': thumbWidth + 'px',
'height': thumbHeight + 'px'
});
});
});
});
function getImageSize(url, callback) {
var img = new Image();
img.src = url;
img.onload = function() { callback(this.width, this.height); }
} |
Comment puis-je faire pour obtenir les dimensions image par image ?
En fait, comme c'est une fonction callback, toutes les images sont parcourues avant que les résultats ne puissent être exploités. Comment puis-je faire pour récupérer ces résultats dans un tableau ou comment puis-je faire pour obtenir les dimensions image par image ?
Merci d'avance
Bonne soirée
Thierry