Afficher les images manquantes sur Firefox

[rbertaud]

Firefox a un gros défaut : quand une image n’existe pas sur le serveur, il la remplace par le texte de la balise alt, ou n’affiche rien du tout, alors qu’Internet Explorer affiche l’emplacement de l’image avec une croix rouge, comme sur l’image ci-dessous.



L’astuce proposée est de modifier le fichier de style du navigateur, à savoir : userContent.css

Sur Vista, le fichier se trouve dans:
C:\Users\<UserName>\AppData\Roaming\Mozilla\Firefox\Profiles\<profilename>\chrome

Sur XP :
Documents and Settings\<UserName>\Application Data\Mozilla\Firefox\Profiles\<profilename>\chrome

Sur MAC :
~/Library/Application Support/Firefox/Profiles/<profilename>/chrome

Et sur Linux :
~/.mozilla/firefox/Profiles/<profilename>/chrome

Il suffit ensuite d’ajouter ce style :

Code : Tout sélectionner

@-moz-document url-prefix(http), url-prefix(file) {
img:-moz-broken{
-moz-force-broken-image-icon:1;
width:24px;
height:24px;
}
}

Relancez ensuite le navigateur, et vous verrez cette belle image :



Source : http://www.themes-wordpress-gratuits.co ... r-firefox/

[thomas]

Pour firefox 4 insérer le fichier qui n'existe plus dans le dossier Chrome à l'emplacement indiqué ci-dessus