[Wolves] web graphics question

[Matt Warwick]

On Sunday 13 Mar 2005 08:45, Mo Awkati wrote:
> Hi folk
>
> I have a few graphics on the church website that have
> a white background when viewed with Internet Explorer.
> They are fine with Firefox. The graphics are png
> format and created as transparent with the GIMP so
> there should be no white background. Any suggestions
> as to how I can get rid of the white background?

I use transparent PNGs on my blog which don't work correctly in IE, but
there is a piece of jscript you can add to the header in your site which
should make IE render them correctly.

I'll copy and paste it below.

Matt.





<!--[if gte IE 5.5000]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or
higher.
   {
   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]-->