Recherche de solution pour éviter une erreur 404 sur une img
Bonjour,
Sur une page listant des documents je dois associer une image(extension).
Lorsque j'avais un seul document je recherche la présence de l'image associée (dans un répertoire contenant les images) et si non présente je prenais celle par défaut, cela a fin d'éviter de me retrouver sans image à afficher.
Je rencontre un autre cas de figure avec un nombre de fichiers variable sur une même page et je préférais éviter de contrôler la présence ou non de chaque image.(et éventuellement retester le même type de document,ce qui obligerait encore a rajouter un peu de code pour éviter cela).
Une autre solution niveau css consiste à lister l'ensemble des images/icones présente, ce qui impose de devoir mettre à jour le fichier css.
Code:
1
2
3
4
|
<div id="madiv">
<img class="icondoc" src="images/extensions/blank.gif" width="52" height="52"/> Fichier 1.doc<br/>
</div> |
la feuille de style :
Code:
1
2
3
4
5
6
7
| div#madiv img {
background-image: url('images/extensions/default.png');
}
div#madiv img.icondoc {
background-image: url('images/extensions/doc.png');
} |
Même si le titre n'est pas très parlant j'espère avoir été assez clair :)
Si quelqu'un a déjà rencontré le problème et trouvé une autre solution ou une idée de solution je suis preneur.
Merci,
