Afficher une image par défaut lorsque une image ne s'affiche pas [Résolu]

[ne2sbeal]

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.

[Bovino]

Comment générer une image de remplacement pour toutes celles qui n'ont pu être chargées ?

[Bisûnûrs]

Ou (mieux) dans un htaccess, quelque chose comme :

Code apache :

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.

[ne2sbeal]

Envoyé par Bovino

Comment générer une image de remplacement pour toutes celles qui n'ont pu être chargées ?

Merci pour ton aide Bovino mais ça ne fonctionne pas chez moi.

Si je fais

Code :

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

[ne2sbeal]

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 :

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.