Bonjour

Je suis en train de développer une galerie d'images. Quand on clique sur une image, celle-ci s'ouvre dans un cadre. Il y a un bouton "Image suivante" pour faire défiler. Ce bouton appelle la fonction :

function suivant () {
    num_diapo++;
    document.getElementById("imgZoom").style.width = document.getElementById("img" + (num_diapo % nb_diapo)).width;
    document.getElementById("imgZoom").style.height = document.getElementById("img" + (num_diapo % nb_diapo)).height;
    document.getElementById("imgZoom").src = document.getElementById("img" + (num_diapo % nb_diapo)).src;
}

Le bouton fait bien défiler les images mais je ne récupère que les dimensions de la vignette affichée. Le problème est que c'est des dimensions réelles de l'image que j'ai besoin.
Est-ce possible avec du JS?

Merci d'avance

Bonjour,
si tu ne mets pas de with et de height, l'image s'affiche
automatiquement avec la taille "qu'elle a".
à priori, si j'ai compris ce que tu veux, supprime ce qu'il faut dans le style et ne fais rien.

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Réponse acceptée !

Bonjour,

A mon avis il faudrait que tu charges d'abord l'image dans la div et après tu appliques les styles et la tu fais le contraire.
Enfin si j'ai bien cerné le problème.

De rien ;-)

---

Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

Battue par 4 secondes.

---

Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

alors maelob, là, ça va être au moins du 4ème degré !!!!   
>>Battue de 4 secondes
c'est parce  que FF est maintenant mon navigateur par défaut   

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Forcement vu la lenteur de notre cher internet explorer par rapport à notre tout nouveau tout beau ff3 (tiens d'ailleurs adept ne m'a demandé de le mettre à jour je dois toujours avoir la rc3, je pense c'est pour ça que tu m'as battu lol)

Excuse nous de pourrir ton post ov3rdoze.

---

Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

Aucun problème. Mais je te conseille Opera si tu veux battre FF...

Pour revenir au sujet :
En fait j'ai essayé de ne rien mettre mais ça pose 2 problèmes :
 - Certaines images sont plus grandes que l'écran et dans ce cas-là je mets une dimension différente.
 - J'utilise les dimensions pour centrer le cadre.

Mais bon, mis-à-part le problème des images trop grandes, la solution de Maelob fonctionne très bien.

Merci

Après tu peux faire des test avec availHeight et availWidth pour voir si l'image "sort" de l'écran.

---

Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

Effectivement je viens de m'apercevoir que ça résoud aussi le problème des grandes images, puisque je récupère la taille réelle.

Ben en fait ça a pas tout résolu :
Tant que je ne fait défiler que des images plus petites que l'écran, je n'ai pas besoin de leur affecter une valeur à width et height. Par contre si une des images est trop grande, je donne des valeurs à ces paramètres de façon à ce que l'image ne dépasse pas.

Le problème est qu'une fois ces valeurs attribuées, quand l'image suivante remplace l'image actuelle, elle à déjà des valeurs width et height affectées. --> Le cacul de l'emplacement dans l'écran se fait avec les mauvaises valeurs.

En mettant, dans le cas où l'image soit plus petite que l'écran, auto dans les 2 paramètres, seule l'image immédiatement après une trop grande pose problème. Pour les autres c'est bon.

Je ne comprend pas pourquoi...