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 :

Comment charger une image et la bonne ?


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    F�vrier 2010
    Messages
    17
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : F�vrier 2010
    Messages : 17
    Par d�faut Comment charger une image et la bonne ?
    Bonsoir
    Vu l'heure je rends les armes :
    J'ai une succession d'images (10 par ex), dont le nom peut �tre image1.jpg ou image2.jpg ou image3.jpg . Seule l'une des 3 existe � chaque fois, et je voudrais afficher la bonne image.
    en javacript, avec un test du genre
    "si existe(image1) alors afficher image1 sinon si existe(image2) alors afficher image2 sinon afficher image3"
    et surtout comment afficher cote � cote les 10 bonnes images .
    Merci de me venir en aide, je n'ai que des rudiments de VBA !!!

  2. #2
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    Bonjour,
    tu peux tirer avantage de l'�v�nement onerror des image si il y a un probl�me de chargement.
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    var oImage = new Image();
    oImage.onerror = function(){
      alert('Je n\'existe pas!!');
    };
    oImage.src= 'ma_super_image.png';

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    F�vrier 2010
    Messages
    17
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : F�vrier 2010
    Messages : 17
    Par d�faut
    Bonjour,
    D�sol� de n'avoir pas lu plus t�t, j'ai �t� un peu bouscul� . Merci pour onerror, que je sais aussi utiliser dans IMG, mais �a ne vaut que pour 2 images possibles, pas trois !
    Cordialement

  4. #4
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    ...mais �a ne vaut que pour 2 images possibles, pas trois !
    cela est valable pour autant d'images que tu le souhaites � condition de rappeler la fonction sur l'error avec l'image suivante
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    var chemin = 'http://club.developpez.com/webdesign/Rubriques/Web/JavaScript/';
    var tabImages = ['image_1.gif','image_2.gif','mini_logo_cours_javascript.gif','image_3.gif'];
    function chargeImage(ind){
      var oImage = new Image();
      oImage.onerror = function(){
        ind++;
        if( ind < tabImages.length){
          chargeImage( ind);
        }
      };
      oImage.onload = function(){
        var oDest = document.getElementById('conteneur_image');
        oDest.appendChild( oImage);
      };
      oImage.src= chemin + tabImages[ind];
    }
    chargeImage(0);

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    F�vrier 2010
    Messages
    17
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : F�vrier 2010
    Messages : 17
    Par d�faut
    Bonjour,
    Merci, je ( crois que je) comprends ce que fait cette fonction que je n'aurais pas su �crire, mais comment l'utiliser ensuite avec la balise IMG ??
    ( je l'avais dit, je suis nul )

  6. #6
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    ...mais comment l'utiliser ensuite avec la balise IMG ??
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    var oDest = document.getElementById('conteneur_image');
    oDest.appendChild( oImage);
    ( je l'avais dit, je suis nul )
    Il ne faut pas que cela devienne une fatalit� !

Discussions similaires

  1. Comment charger une image du plugin ?
    Par jojodu31 dans le forum SWT/JFace
    R�ponses: 2
    Dernier message: 31/07/2009, 10h18
  2. comment charger une image � partir de vignettes ?
    Par ml1234 dans le forum Mise en page CSS
    R�ponses: 0
    Dernier message: 28/05/2009, 08h17
  3. Comment charger une image d'un chemin sur le disque ?
    Par faroukus dans le forum OpenCV
    R�ponses: 3
    Dernier message: 23/04/2008, 09h25
  4. comment charger une image?
    Par sandy07 dans le forum Multim�dia
    R�ponses: 1
    Dernier message: 28/05/2007, 20h54

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