mods/wiki/fragments/js/pngbehaviour.htc

   1 <!--
   2   MSIE PNG workaround, http://redvip.homelinux.net/varios/explorer-png-en.html
   3   in your stylesheet:
   4     img { behavior: url("pngbehavior.htc"); }
   5 -->
   6 <public:component>
   7 <public:attach event="onpropertychange" onevent="propertyChanged()" />
   8 <script>
   9
  10 var supported = /MSIE (5\.5|6\.)/.test(navigator.userAgent) && navigator.platform == "Win32";
  11 var realSrc;
  12 var blankSrc = "fragments/css/null.gif";
  13
  14 if (supported) fixImage();
  15
  16 function propertyChanged() {
  17    if (!supported) return;
  18
  19    var pName = event.propertyName;
  20    if (pName != "src") return;
  21    // if not set to blank
  22    if ( ! new RegExp(blankSrc).test(src))
  23       fixImage();
  24 };
  25
  26 function fixImage() {
  27    // get src
  28    var src = element.src;
  29
  30    // check for real change
  31    if (src == realSrc) {
  32       element.src = blankSrc;
  33       return;
  34    }
  35
  36    if ( ! new RegExp(blankSrc).test(src)) {
  37       // backup old src
  38       realSrc = src;
  39    }
  40
  41    // test for png
  42    if ( /\.png$/.test( realSrc.toLowerCase() ) ) {
  43       // set blank image
  44       element.src = blankSrc;
  45       // set filter
  46       element.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
  47    }
  48    else {
  49       // remove filter
  50       element.runtimeStyle.filter = "";
  51    }
  52 }
  53
  54 </script>
  55 </public:component>