1. Accueil
  2. Javascript
  3. Sources Javascript
  4. Sources Trucs & Astuces
  5. Bug fix transparence png ie (simple)

Bug fix transparence png ie (simple)

Soyez le premier à donner votre avis sur cette source.

Vue 33 298 fois - Téléchargée 1 239 fois

Télécharger le projet
Commenter

Description

Résout le Bug D'internet explorer qui n'affiche pas les png ainsi vous pouvez supprimer tout vos vilans gif et passer au png
un Exemple Concret est Ici http://www.love2love.com/guide/index.php.

Source / Exemple : 


//Correction png en fonction du navigateur
// 
<script>
function DisplayPngByBrowser ( browser, img_path, width, height ) {
var png_path;	
	if (browser == 'Microsoft Internet Explorer') {
	document.write('<img src="/images/integration/blank.gif" style="width:'+width+'px; height:'+height+'px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+img_path+'\', sizingMethod=\'scale\');" >');
}
else if (browser == 'Netscape')
	document.write("<img src='"+img_path+"' />");
else 
	document.write("<img src='"+img_path+"' />");
	
}
</script>
<script language="javascript">
//a mettre dans le .html
var path_png = DisplayPngByBrowser(navigator.appName, 'test_img.png', 152, 40 );
</script>

Conclusion :


Fonctionne bien attention cependant il faut parfois vider le cache des fichiers IE pendant le developpement.
Mais en prod ca ne pose aucun probleme.

Marche sous IE Firefox et opera
Télécharger le projet

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Signaler
Messages postés
436
Date d'inscription
mercredi 26 septembre 2007
Statut
Membre
Dernière intervention
2 juillet 2014
 4
ça ne marche pas ! c'est moi le problème ou c'est le code qui en marche pas du tout ?
Signaler
Messages postés
1980
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
24 septembre 2012
 5
Hello,

cette solution est lourde à mettre en place, et pour faire suite à la discussion sur une solution css, vous retrouverez effectivement une alternative bien plus pratique ici :

http://www.javascriptfr.com/codes/BUG-FIX-TRANSPARENCE-PNG-SOUS-IE_45232.aspx
Signaler
Messages postés
51
Date d'inscription
samedi 12 avril 2003
Statut
Membre
Dernière intervention
14 février 2009
en fait je crois que le probleme est juste une histoire d'url de fichiers js et img
Signaler
Messages postés
51
Date d'inscription
samedi 12 avril 2003
Statut
Membre
Dernière intervention
14 février 2009
hello tout le monde , jai attentivement lu tout ce post, j'ai tester differente facon pour regler ce prob de transparence au niveau de mes png (en 24 bits de prfondeur au niveau de la transparence, ehhh oui c'est du costaud lol) , mais le prob c'est que la je cale serieusement a tel point que j'en ai mal a la tete, pourriez vous m'aider ???

Le lien vers mon prob http://masta64.neuf.fr/PowerMax_BAD_Design/Index_1024.htm
Signaler
Messages postés
12
Date d'inscription
vendredi 16 juillet 2004
Statut
Membre
Dernière intervention
22 juillet 2007
oui au fait je confirme, j'avais un problème de cache, ca marche très bien le filter :D

/*CSS*/
#Exemple
{
background-image: url('bg.png') !important;
background-image: url('blank.gif');
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.png', sizingMethod='scale');
}
/*END CSS*/

messi
Afficher les 22 commentaires
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_savon)