
05 avr
Par Clément dans Javascript et Ajax, Tutoriels
Mots-clefs :jQuery
Quand une image n’apparait pas sur votre site, vous pouvez passer directement dans la catégorie amateur. Parfois, une image peut être cassée ou incomplète et vous êtes d’accords avec moi pour dire que sous IE, voir la petite croix rouge n’est pas forcément une bonne solution .C’est pourquoi je vous propose une petite astuce pour éviter ce genre de problème avec jQuery !
$(function(){
$('img').error(function(){
$(this).attr({
'src' : 'broken_img.png',
'alt' : "Desole, l'image n'est pas disponible",
'style': 'border: 1px solid #f00;width:75px;height:75px;'
});
});
});Un site parfait est un site qui a prévu tout les détails ![]()
Source : David Walsh
« 8 plugins jQuery pour utiliser les APIs de Google | Mario Kart en HTML 5 »
Aucun trackback
2 commentaires
Nikkau
5 avril 2009 à 12:10
1Une optimisation de la chose étant de spécifier la taille de toutes nos images avec les attrib’ prévus pour ça, de les récupérer avec JQuery et de générer un placeholder de la même taille pour ne pas déformer le site
.
Martin
5 avril 2009 à 20:58
2En effet, il y a moult raisons pour lesquelles une image peut être cassée. Ceci dit, en réécrivant côté serveur les URL en cas d’image absente, on peut fournir une image de alternative.
Laisser un commentaire
Devenir Fan de Dator.fr
Nuage de tags
Sponsors
Blogs Amis