02 Ottobre 2008 17:29:04 · [Png Fix per IE5.5 e IE6.0]
Postato da
Eccomi con un nuovo trucchetto questa volta per visualizzare correttamente le immagini png con trasparenza: pngfix.js
/*

<!--[if gte IE 5.5000]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

*/

function correctPNG() {
  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);
Salvate lo script da qualche parte sul vostro sito web e poi richiamatelo nelle vostre pagine web da qualche parte tra <head> ed </head> come segue:
<!--[if gte IE 5.5000]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
Se poi volete usare le bellissime emoticons di Thunderbird scaricatevi anche questo archivio! Contiene tutte le emoticons ufficiali con tanto di licenza!  
 
04 Ottobre 2008 16:48:25 · [Png Fix per IE5.5 e IE6.0]
Postato da
Ho notato che su Internet Explorer 7 e successivi ci possono essere dei conflitti... tali conflitti portano a "errori di visualizzazione javascript" e questo avviene quando ad esempio si vuole usare sul proprio sito web un sistema rollover per le immagini del tipo:
<img src="immagine1.png" onmouseover="this.src='immagine2.png'" onmouseout="this.src='immagine1.png'">
Per ovviare al problema con versioni di IE 7 e successive si può modificare lo script per le trasparenze png come segue:
/*

<!--[if gte IE 5.5000]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

*/

function correctPNG() {
  if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
    var ieversion = new Number(RegExp.$1)
    if (ieversion<7) {
      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);
La versione modificata dello script può essere scaricata qui  




Copyright © 2002-2018, Alessandro Marinuzzi