Auteur Sujet: Les PNG transparent a l'affichage  (Lu 9767 fois)

Hors ligne sirius

  • Administrator
  • OCT Master
  • *****
  • Auteur du sujet
  • Messages: 1236
    • CPU: Intel Q6600 @3.6
    • CG: HD5870 VTX
    • OCTeam
Les PNG transparent a l'affichage
« le: dimanche 05 mars 2006 à 22:14 »
Bon comme vous le savez IE est très capricieux pour l'affichage de la transparence des PNG, voici donc le code à insérer dans le Header de vos pages pour que ce ne soit plus un problème  :wink:

Code: (javascript) [Sélectionner]
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters))
   {
      for(var i=0; i<document.images.length; i  )
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='"   img.id   "' " : ""
            var imgClass = (img.className) ? "class='"   img.className   "' " : ""
            var imgTitle = (img.title) ? "title='"   img.title   "' " : "title='"   img.alt   "' "
            var imgStyle = "display:inline-block;"   img.style.cssText
            if (img.align == "left") imgStyle = "float:left;"   imgStyle
            if (img.align == "right") imgStyle = "float:right;"   imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;"   imgStyle
            var strNewHTML = "<span "   imgID   imgClass   imgTitle
              " style=""   "width:"   img.width   "px; height:"   img.height   "px;"   imgStyle   ";"
              "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
              "(src='"   img.src   "', sizingMethod='scale');"></span>"
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }   
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
« Modifié: dimanche 12 juillet 2009 à 18:39 par sirius »
Rejoignez l'équipe OCTeam sur le projet Einstein Home
Pour la réouverture d'un Topic, contacter un Admin ou un modérateur, merci.
Pas de support par mail ou MP, utilisez le forum, merci.

Hors ligne Dos

  • OCT Membre
  • *
  • Messages: 41
    • CPU: Core i7 920
    • The Thunderbirds - belgian Rock Band
Re : Les PNG transparent a l'affichage
« Réponse #1 le: mercredi 24 janvier 2007 à 14:27 »
D'ailleurs, si je puis me permettre, un mod pour IE 6 et plus vieux a été développé en javascript pour interpréter le CSS 2 correctement et faire du png transparent (entre autres)

Le site:

http://dean.edwards.name/IE7/

Testé et approuvé par... euh par moi ;D

Merci quand même pour ton script parce qu'avec le module IE7, je n'ai pas réussi à reparamétrer les noms de PNG qui doivent se terminer par -trans.png pour être corrigés sur IE ;)
P6T SE :: Core i7 920 :: Sapphire HD4890 Vapor-X :: 3x1Go OCZ Gold 12800 CL8
Le grand profète ZALMAN dit un jour à ses disciple "Bon vent" ... L'overclocking vit le jour sur ces paroles... ou pas