IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Pb de taille d'une image


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    123
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 123
    Par défaut Pb de taille d'une image
    Bonjour,

    Je crée dynamiquement une image sur une page web avec la syntaxe ci-dessous

    el = document.createElement('img');
    el.src = 'Nomdufichierimage.gif'
    el.style.borderWidth = '0px';
    el.style.verticalAlign = 'middle';
    objet.appendChild(el);

    Suite à cela, je décide de remplacer l'image par une autre de même nom, mais de taille différente.... Mais la taille de l'image affichée correspond à la taille de l'ancienne image. Raffraichir la page ne change pas le problème (effacer les fichiers temporaires, redémarrer l'ordinateur ... non plus). Par contre si je remplace simplement Nomdufichierimage.gif par autrenomdefichierimage.gif alors l'image affichée a bien la taille correcte !

    Comment expliquer que MSIE aie conserver je ne sais où la taille de la première image ? (XP SP2, IE6, exécution locale)

    Dans le pire des cas, il suffit que je rajoute
    el.style.width = .......
    el.style.height = ......

    Mais comment obtenir la taille réelle de l'image ? (sans la spécifier manuellement bien sur)

    Merci d'avance

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    123
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 123
    Par défaut Précision supplémentaire
    Bonjour,

    Petite précision, le problème décrit précédemment se produit aussi bien en exécution locale qu'en exécution depuis le WEB.

    j'ai ajouté

    alert (el.style.width);

    et j'obtiens une chaine vide ... Donc il n'y a bien aucun style appliqué

    alert (el.width);

    et dans ce cas, j'obtiens une valeur qui correspond à la taille affichée mais qui est différente de la taille réelle de l'image

    Je ne comprend pas !
    Merci d'avance pour votre aide

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    123
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 123
    Par défaut Problème résolu
    Bonjour,

    J'ai résolu le problème.

    Il suffit d'ajouter la ligne

    el.clearAttributes();

    cette méthode permet d'effacer tous les attributs persistants...

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    123
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2005
    Messages : 123
    Par défaut Et bien non, problème non résolu
    Ne tenez pas compte du message précédent, en fait, sauf dans un cas bien particulier, les images ne s'affichent plus suite à l'appel de cette méthode

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Récupérer la taille d'une image dans un fichier (GIF/JPEG)
    Par SheikYerbouti dans le forum Multimédia
    Réponses: 4
    Dernier message: 12/05/2005, 14h17
  2. [Photoshop] Changement de taille d'une image
    Par sole dans le forum Imagerie
    Réponses: 4
    Dernier message: 29/04/2005, 16h13
  3. Recuperation de la taille d'une image avec la propriété SRC
    Par CDRIK dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 08/10/2004, 03h05
  4. [FLASH MX] taille d'une image
    Par matN59 dans le forum Flash
    Réponses: 2
    Dernier message: 10/06/2004, 10h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo