Pb d'Affichage des images Png dans IE6
Fermé
Barman01
Messages postés
8
Date d'inscription
vendredi 9 septembre 2005
Statut
Membre
Dernière intervention
11 septembre 2005
-
11 sept. 2005 à 11:23
saturnales - 29 juil. 2009 à 15:41
saturnales - 29 juil. 2009 à 15:41
A voir également:
- Pb d'Affichage des images Png dans IE6
- Des images - Guide
- Webp to png - Guide
- Png to pdf - Télécharger - PDF
- Affichage double ecran - Guide
- Images enregistrées - Forum Blender
9 réponses
Bonjour,
Voici une solution facile que j'utilise et qui évite au navigateur :
1. de tester toutes les images de la page
2. de mal afficher les images pendant le chargement de la page et l'exécution d'un script global
3. qui économise au maximum mémoire et cpu
Voici une solution facile que j'utilise et qui évite au navigateur :
1. de tester toutes les images de la page
2. de mal afficher les images pendant le chargement de la page et l'exécution d'un script global
3. qui économise au maximum mémoire et cpu
<head> <script type="text/javascript"> // Correctif de l'affichage des images PNG dans IE5.5 et IE6 (transparent pour les autres navigateurs). // V1.1 par Brice de Villeneuve, http://www.boursica.com/ // Licence : freeware, librement utilisable du moment que vous laissez ces commentaires dans votre source. // Mettre ce script dans le head et dans les balises IMG ajouter simplement : onload='setpng(this)' // Si l'image n'est pas visible (display:none par exemple), appeler la fonction juste après l'affichage de l'image // dans un javascript avec, par exemple, un setpng(document.getElementById('idDeMonImage'); function setpng(img) { if(document.all && (IEver=parseFloat(navigator.appVersion.split("MSIE")[1])) && (IEver>=5.5) && (IEver<7) && document.body.filters && img) { imgName=img.src.toUpperCase(); if(imgName.substring(imgName.length-3,imgName.length)=="PNG") img.outerHTML= "<span "+(img.id?"id='"+img.id+"' ":"")+(img.className?"class='"+img.className+"' ":"")+(img.title?"title=\""+img.title+"\" ":"") +"style=\"width:"+img.width+"px;height:"+img.height+"px;"+(img.align=="left"?"float:left;":(img.align=="right"?"float:right;":"")) +(img.parentElement.href?"cursor:hand;":"")+"display:inline-block;"+img.style.cssText+";" +"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+img.src+"',sizingMethod='scale');\"></span>"; }} </script> </head> <body> <img border=0 style='position:absolute' src='monimage.png' onload='setpng(this)'> Blabla blabla<br> Blabla blabla<br> Blabla blabla </body>
Salut,
Je n'ai pas de réponse pour IE6, mais as-tu essayé avec un autre Navigateur Web comme Firefox par exemple.
S'ils s'affichent dans FireFox alors ton problème est ds IE6.
Si ils ne sont pas visible dans aucun des deux alors c'est peut être les png qui sont corrompu.
a+
wood
Je n'ai pas de réponse pour IE6, mais as-tu essayé avec un autre Navigateur Web comme Firefox par exemple.
S'ils s'affichent dans FireFox alors ton problème est ds IE6.
Si ils ne sont pas visible dans aucun des deux alors c'est peut être les png qui sont corrompu.
a+
wood
xden
Messages postés
742
Date d'inscription
jeudi 21 juillet 2005
Statut
Membre
Dernière intervention
18 septembre 2006
508
20 janv. 2006 à 00:31
20 janv. 2006 à 00:31
slt,
essayer la fonction dédiée du logiciel PowerIE
http://www.technicland.com/powerie6.php3
-> réparation images -> réassocier
si cela ne suffit pas, voir aussi la page relative au
Probleme d'affichage des images avec internet explorer
http://www.technicland.com/article.php3?sid=84
essayer la fonction dédiée du logiciel PowerIE
http://www.technicland.com/powerie6.php3
-> réparation images -> réassocier
si cela ne suffit pas, voir aussi la page relative au
Probleme d'affichage des images avec internet explorer
http://www.technicland.com/article.php3?sid=84
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
salut,
j'ai exactement le même probleme ! alors que tout est OK sous fire fox !
T'as la solution ?
cxhristophe Paris 11
j'ai exactement le même probleme ! alors que tout est OK sous fire fox !
T'as la solution ?
cxhristophe Paris 11
Bonjour.
Il y a une solution plus simple pour régler le problème (au passage, j'ai essayé le script, il ne marche pas chez moi, et j'ai vu ailleurs sur le Net que c'était le cas pour d'autres avec le même script).
Ca consiste tout simplement à changer le mode de représentation des couleurs dans l'image. Passer ce mode de RVB (celui qui pose problème) à "indexé" résoud le problème.
Ca prend 15 secondes avec GIMP (par exemple), et ça marche nickel.
Patrick
Il y a une solution plus simple pour régler le problème (au passage, j'ai essayé le script, il ne marche pas chez moi, et j'ai vu ailleurs sur le Net que c'était le cas pour d'autres avec le même script).
Ca consiste tout simplement à changer le mode de représentation des couleurs dans l'image. Passer ce mode de RVB (celui qui pose problème) à "indexé" résoud le problème.
Ca prend 15 secondes avec GIMP (par exemple), et ça marche nickel.
Patrick
En couleurs indexées , on passe directement à une affichage a 256 couleurs ( similaire au GIF), on perd donc tout l'intérêt du format PNG 32 bits.( chouette parce qu'il gère la transparence et les dégradés complexes).
Cette fonction est sympa, mais elle a deux inconvénients : elle est inutile si l'utilisateur a désactivé javascript, et elle est inutilisable dans le cas d'images traitées par le css via background-image.
Conclusion : IE sucks !
Cette fonction est sympa, mais elle a deux inconvénients : elle est inutile si l'utilisateur a désactivé javascript, et elle est inutilisable dans le cas d'images traitées par le css via background-image.
Conclusion : IE sucks !
