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 affichage dynamique image


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Juillet 2002
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Juillet 2002
    Messages : 66
    Par défaut Pb affichage dynamique image
    Bonjour à tous,

    j'ai un petit problème d'affichage dynamique d'une image.

    Je m'explique, j'ai un <input type='file' .../>, l'utilisateur choisi une image.

    Une fois l'image choisie, en javascript je crée un élement de type img et je mets en attribut 'src' la value de l'input. J'ai bien une balise qui s'ajoute avec une icone genre 'image non trouvée' alors que si je clic dessus et je fais afficher l'image elle s'affiche correctement dans une nouvelle fenêtre.

    Voiçi le code que j'execute :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    container = document.getElementById('container');
                  newBackground = document.createElement('img');
                  newBackground.src = fileLink; //fileLink correspond à la value de la balise input file
                  newBackground.id = "imageBackground";
                  container.appendChild(newBackground);
    une idée ?

    Merci

  2. #2
    Expert confirmé
    Avatar de siddh
    Inscrit en
    Novembre 2005
    Messages
    3 868
    Détails du profil
    Informations personnelles :
    Âge : 49

    Informations forums :
    Inscription : Novembre 2005
    Messages : 3 868
    Par défaut
    as tu essayé avec un new Image ?

  3. #3
    Expert confirmé

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Par défaut
    Citation Envoyé par partyboy
    une idée ?
    Non, il faudrait précharger l'image au chargement de ta page, mais comme tu ne la connais pas....

    Seule solution (à tester) précharger l'image quand l'utilisateur la choisit, et ne l'insérer que légèrement plus tard (setTimeout).

  4. #4
    Membre confirmé
    Inscrit en
    Juillet 2002
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Juillet 2002
    Messages : 66
    Par défaut
    Je viens d'essayer avec le new Image et ca ne fonctionne pas ...

    je vais essayer de voir du coté du preload.

    si qqun a eventuellement une autre idée, je suis preneur

  5. #5
    Expert confirmé

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Par défaut
    Citation Envoyé par partyboy
    Je viens d'essayer avec le new Image et ca ne fonctionne pas ...

    je vais essayer de voir du coté du preload.

    si qqun a eventuellement une autre idée, je suis preneur
    new Image == preload.

    Pour moi, tu fais un new Image (avec le bon src), tu attends un peu, et tu l'affiches dans ta page (setTimeout).

  6. #6
    Membre confirmé
    Inscrit en
    Juillet 2002
    Messages
    66
    Détails du profil
    Informations forums :
    Inscription : Juillet 2002
    Messages : 66
    Par défaut
    J'ai modifié mon code comme ceci, mais toujours rien :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    newImg = new Image();
                  newImg.src = fileLink;
                  container = document.getElementById('container');
                  newBackground = document.createElement('img');
     
                  //newBackground.src = fileLink;
                  newBackground.src = newImg.src;
                  newBackground.id = "imageBackground";
                  newBackground.name = "imageBackground";
                  setTimeout("container.appendChild(newBackground)",2000);
    J'ai peut être pas très bien compris l'utilisation de new Image() aussi.

  7. #7
    Expert confirmé

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Par défaut
    Citation Envoyé par partyboy
    J'ai peut être pas très bien compris l'utilisation de new Image() aussi.
    Si c'est bon. J'aurais mis le timeout avant la création du noeud DOM.... Essaye, on sais jamais

Discussions similaires

  1. javascript sous IE 7 pour un affichage dynamique d'une image
    Par ohhh.gringo dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 31/05/2007, 16h43
  2. Affichage d'image dynamique en PHP via DreamWeaver
    Par fidecourt dans le forum Langage
    Réponses: 1
    Dernier message: 13/05/2007, 15h25
  3. Pb d'affichage d'image dynamique sous Flash
    Par raldine dans le forum Flash
    Réponses: 4
    Dernier message: 12/02/2007, 11h19
  4. [XML/CSS/XSL] Problème d'affichage des images "dynamiqu
    Par popol55 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 06/04/2006, 16h24
  5. [Tableaux] Ajouter l'affichage dynamique d'une image
    Par leloup84 dans le forum Langage
    Réponses: 3
    Dernier message: 16/02/2006, 09h14

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