Bonjour,

je suis chargé d'afficher plusieurs images provenant d'une base de données, donc rapatriées dynamiquement (en fonction d'une recherche).
Voulant afficher des vignettes, je les redimensionne avec javascript. Je leur donne donc un identifiant, qui est leur id dans la base.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
echo "<img src=\"".IMAGE_HOST."/Vignettes/".$photo["id_photo"].".jpg\" id=\"".$photo["id_photo"]."\" />";
Ensuite, dans ma fonction javascript :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
function vignette(idV) {
    var echelle = 80;
    var largeur = document.getElementById(idV).width;
    var hauteur = document.getElementById(idV).height;
    var rapport = (largeur > hauteur) ? echelle/largeur : echelle/hauteur;
    if(largeur > hauteur) {
        document.getElementById(idV).width = echelle;
        document.getElementById(idV).height = hauteur*rapport;
    } else {
        document.getElementById(idV).height = echelle;
        document.getElementById(idV).width = largeur*rapport;
    }
}
Ce code marche correctement sous Firefox, mais sous Internet Explorer, il n'affiche rien ! J'ai essayé d'afficher les dimension initiales de l'image sous IE, et il affiche "0" et "0"...Autant dire que je suis particulièrement déboussolé, surtout que j'ai une autre page de manipulation d'image qui fonctionne très bien sous IE avec un id...

En bref, je suis dans le jus, ça m'a l'air tout bête, mais je ne sais pas du tout comment arranger ça...je n'ai rien trouvé en effectuant des recherches sur internet ou sur le forum...

Merci !