begin process at 2012 05 30 02:29:49
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Javascript et ActiveX

 > 

Autre

 > 

Trouver les dimensions réelles d'une image


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Trouver les dimensions réelles d'une image

lundi 23 juin 2008 à 14:20:11 | Trouver les dimensions réelles d'une image

ov3rdoze

Membre Club
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
lundi 23 juin 2008 à 14:44:46 | Re : Trouver les dimensions réelles d'une image

bultez

Membre Club
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]
lundi 23 juin 2008 à 14:44:50 | Re : Trouver les dimensions réelles d'une image

maelob

Membre Club
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)
lundi 23 juin 2008 à 14:45:22 | Re : Trouver les dimensions réelles d'une image

maelob

Membre Club
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)
lundi 23 juin 2008 à 14:49:48 | Re : Trouver les dimensions réelles d'une image

bultez

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

                Cordialement            Bul         [mon Site]     [M'écrire]
lundi 23 juin 2008 à 14:55:19 | Re : Trouver les dimensions réelles d'une image

maelob

Membre Club
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)
lundi 23 juin 2008 à 14:59:21 | Re : Trouver les dimensions réelles d'une image

ov3rdoze

Membre Club
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
lundi 23 juin 2008 à 15:04:53 | Re : Trouver les dimensions réelles d'une image

maelob

Membre Club
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)
lundi 23 juin 2008 à 15:08:46 | Re : Trouver les dimensions réelles d'une image

ov3rdoze

Membre Club
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.
lundi 23 juin 2008 à 16:28:17 | Re : Trouver les dimensions réelles d'une image

ov3rdoze

Membre Club

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...


1 2

Cette discussion est classée dans : image, document, dimensions, getelementbyid, diapo


Répondre à ce message

Sujets en rapport avec ce message

probleme avec une fonction javascript + css [ par edelendil ] Voila, je dois créer un menu déroulant composé de deux tableaux le premier contient le titre de la rubrique et reste toujours visible le deuxieme con chargement d'image [ par Paladin2107 ] Bonjour à tousJ'ai un petit soucis pour afficher une image dynamiquement. Lorsque un utilisateur choisi son image à l'aide d'un bouton parcourrir je s Texte au survol d'une image [ par Shagrath69 ] Bonjour à tous,pour le site que je suis en train de développer j'ai besoin d'un texte qui s'affiche au survol d'une image.Ne connaissant rien au JS, j changer le map [ par asmaa17 ] salut ,comment on peut changer le map d'un image et aussi l'evenement onmouseover de chaque area de ce map j'ai essayé ce code mais <img src="http://w Commande Onclick agrandir image + afficher du texte [ par pharen ] bonjour à tous je souhaite réaliser une gallery photos ainsi les photos sont sur la page en petite taille. je click sur une photo et elle s'agrandit Bug Firefox recuperation de la taille de l'image [ par malkomad ] Bonjour a tous, Je développe une site de type galerie, et j'ai un pb sous firefox ( uniquement ) lorsque je souhaite récupérer la taille de l'image e boucle de test [ par jytest ] Bonjour, Je suis sous dreamweaver cs4. J'utilise une routine javascript : function zoomLon(imgUrl) { if (imagehover!=imgurl) { document.getElemen un script qui ne fonctionne pas!! [ par odiabolik ] bonjour, le script suivant ne fonctionne pas!!![^^sad1] j'ai pas trouver une solution pour ça!!! bon voila le script: function click() { galerie simple avec image grossissante au survol et replacement auto [ par The Pooh ] Bonjour à tous. peut être que ce topic existe déjà (cela ne m'étonnerai pas :) mais je ne lai pas trouvé. Voilà j'ai ce script avec ses variable que Conserver selection liste déroulante [ par mageek06 ] Bonjour, j'ai une liste déroulante en php et lorsque je la soumet j'aimerais garder la derniere sélection de ma liste déroulante : [code=js]function


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,279 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales