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

Conception Web Discussion :

Afficher une image par défaut lorsque une image ne s'affiche pas


Sujet :

Conception Web

  1. #1
    Membre du Club
    Inscrit en
    Janvier 2009
    Messages
    101
    Détails du profil
    Informations forums :
    Inscription : Janvier 2009
    Messages : 101
    Points : 49
    Points
    49
    Par défaut Afficher une image par défaut lorsque une image ne s'affiche pas
    Bonjour,

    J'ai une petite question, j'aimerai que si une image ne s'affiche pas (le fichier n'existe plus par exemple), une image par défaut s'affiche.
    Je sais qu'il est possible d'afficher du texte grâce à l'attribut "ALT" mais est-il possible d'avoir une image à la place?

    Je suis ouvert à toutes proposition (au niveau programmation bien sur à savoir HTML, CSS ou Javascript...)

    Merci de votre aide.

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Ou (mieux) dans un htaccess, quelque chose comme :

    Code apache : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    RewriteCond %{REQUEST_FILENAME} !-f 
    RewriteCond %{REQUEST_URI} \.(gif|jpg|jpeg|png)$ 
    RewriteRule .* chemin/de/ton/image/de/remplacement.gif [L]

    Sans oublier d'activer le RewriteEngine.

  4. #4
    Membre du Club
    Inscrit en
    Janvier 2009
    Messages
    101
    Détails du profil
    Informations forums :
    Inscription : Janvier 2009
    Messages : 101
    Points : 49
    Points
    49
    Par défaut
    Merci pour ton aide Bovino mais ça ne fonctionne pas chez moi.

    Si je fais
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    alert(document.images[4].complete)
    Ça me renvoie toujours TRUE et même si l'image n'existe pas


    Je vais regarder la solution de Bisûnûrs maintenant

  5. #5
    Membre du Club
    Inscrit en
    Janvier 2009
    Messages
    101
    Détails du profil
    Informations forums :
    Inscription : Janvier 2009
    Messages : 101
    Points : 49
    Points
    49
    Par défaut
    J'ai trouvé finalement une solution. Comme les images sont stockées sur le serveur je fais une verification via php avec la fonction is_file() comme ceci :

    Code php : 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
     
    <?php
    //Si l'image existe
    if(is_file("images/personnes/joueur.png"))
    {
         ?>
         <img style="background-repeat:no-repeat; background-image:url(club.png)" src="images/personnes/joueur.png" />
         <?php
    }
    else
    {
         ?>
         <img style="background-repeat:no-repeat; background-image:url(club.png)" src="images/personnes/defaut.png" />
         <?php
    }
    ?>

    Merci pour votre aide en tout cas.

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

Discussions similaires

  1. Réponses: 14
    Dernier message: 23/04/2012, 22h32
  2. afficher une image par défaut dans une div
    Par attarias dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 23/12/2010, 16h01
  3. Réponses: 3
    Dernier message: 22/08/2010, 17h40
  4. Image par défaut dans une TileList
    Par toopac dans le forum Flex
    Réponses: 1
    Dernier message: 12/04/2010, 10h55
  5. Modifier l'image par défaut d'une JOptionPane
    Par Balbuzard dans le forum Débuter
    Réponses: 1
    Dernier message: 14/09/2008, 23h48

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