Récupérer la largeur et la hauteur d'une image situé dans un tableau
psyckan
Messages postés135Date d'inscriptionvendredi 27 août 2004StatutMembreDernière intervention 8 mai 2010
-
29 mars 2009 à 22:03
PetoleTeam -
30 mars 2009 à 17:32
Bonjour,
Mon script est un diaporama qui fonctionne avec des vignettes qu'il faut cliquer pour afficher l'image en taille réelle dans une div.
Pour créer les vignettes, j'aimerais pouvoir récupérer la hauteur et la largeur de l'image de taille réelle afin de la pouvoir la rétrécir selon mes envies.
Code :
// On récupère les dimensions de l'images
height = XXXX;
width = XXXX;
// Tests pour savoir si l'image correspond au tailles voulues
...
// On affiche la vignette
miniatures += "<td>
Les chemins de mes images se trouvent dans un tableau tab_miniatures[]
Je vous remercie
:)
A voir également:
Récupérer la largeur et la hauteur d'une image situé dans un tableau
psyckan
Messages postés135Date d'inscriptionvendredi 27 août 2004StatutMembreDernière intervention 8 mai 2010 30 mars 2009 à 11:12
Au niveau du la récupération des dimensions de l'image, c'est exactement ce qu'il y a dans ton script pour la carte de la france. Mais je vois pas du tout comment tu fais.
Si tu pouvais m'expliquer un peu juste comment tu fait, stp ?
Merci
Bul3
Messages postés4933Date d'inscriptionsamedi 1 juillet 2006StatutMembreDernière intervention 2 février 201516 30 mars 2009 à 11:23
>>c'est exactement ce qu'il y a dans ton script
pas vu, tu nous l'as mis ?
>>Si tu pouvais m'expliquer un peu juste comment tu fait
euh.. plus d'explications que dans l'exemple où le
code pour faire et les explications existent ?
Ce que je veut c'est récuperer les dimensions des images juste avant de les afficher pour pouvoir savoir si ce sont des paysages ou des portrait afin de leurs donner les bonnes dimensions, ou pour pouvoir les réduire en miniatures.
Parce que dans le code ci-dessus les images sont toute afficher avec les même dimensions (500,375) et ça marche donc pas pour les portrait.
Vous n’avez pas trouvé la réponse que vous recherchez ?
psyckan
Messages postés135Date d'inscriptionvendredi 27 août 2004StatutMembreDernière intervention 8 mai 2010 30 mars 2009 à 14:35
J'ai utilisé ta méthode kazma et ça marche trés bien.
En revanche, j'ai juste un petit problème avec une images portrait 750*1000 ou il me renvoit une largeur de 1000 et pas de 750 comme voulu.
Voila le code :
<script language="javascript">
var image=new Image()
psyckan
Messages postés135Date d'inscriptionvendredi 27 août 2004StatutMembreDernière intervention 8 mai 2010 30 mars 2009 à 15:04
Non parce que mes images font 1000*750 et je afficher des miniatures de 40*30 et les images réelles en 500*375. Donc si je met pas de height ni de width ça va me les charger en 1000*750..
Merci à tout les deux en tous cas et si vous trouvez la solutions au problème ci-dessus, ça serait cool aussi. Je continue a chercher.
@karamel
Messages postés1854Date d'inscriptionvendredi 9 mai 2008StatutModérateurDernière intervention 8 avril 2024153 30 mars 2009 à 15:19
dans le script que tu met tu devrait mettre onload qui veut dire quand l'image a ete totalement charge car il est fort possible que vu que l'image n'est pas totalement charge il a encore en memoire la taille de l'image precedente
psyckan
Messages postés135Date d'inscriptionvendredi 27 août 2004StatutMembreDernière intervention 8 mai 2010 30 mars 2009 à 15:31
En fait le problème se pose juste la premier fois que l'on charge la page.
Toutes les vignettes prennent la taille de la première image.Donc si la première image du dossier est un portrait (40*30) alors toutes les autres vignettes seront affiché dans le format 40*30.
Une fois qu'on clique une vignettes, le problème n'apparait plus et les images ont le bon format.
Sinon j'ai essayer ce que tu m'as dit kazma et ça ne fonctionne pas. Les vignettes ne change pas de dimensions et sont toujours a 1000*750. Ca vient surement du fiat que j'appelle la fonction resizeimagewidth et la fonction resizeimageheight tard dans le script et donc le chargement de la page est déjà fait, non ?
Bul3
Messages postés4933Date d'inscriptionsamedi 1 juillet 2006StatutMembreDernière intervention 2 février 201516 30 mars 2009 à 16:36
on peut revoir ce que tu veux faire ?
je ne sais plus où on en est !
toutes les images sont affichées en miniature ( 40x30 )
et en cliquant sur ces miniatures, tu voudrais afficher
l'image avec sa taille réelle ? ou avec des dimensions spécifiques ?
}
window.onload = new Function("slide(0)")
slide(0);
</script>
Je lance deux fois la fonction slide et je n'ai plus le problème avec les images mais c'est pas trés propre :)
Si toutefois vous avez d'autre solutions...