|
View previous topic
::
View next topic
|
| Author |
Message |
ramon fincken
Site's programmer
Get a free globally recognized avatar
It's free!
Joined: 03 Aug 2007
Posts: 416
Location: A'dam/Diemen, The Netherlands
|
 Posted: Wed Oct 29, 2008 1:00 pm Post subject: [solution] IE5.5 AND IE6 PNG fix |
 |
|
Here we go ..
PNG fix, tested @IE6
OPEN
# all files or header pages
FIND
BEFORE, ADD
| Code: | <!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]--> |
FILE
CONTENTS
| Code: | /*
Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.
Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
*/
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
}
}
}
|
Read on / source:
http://homepage.ntlworld.com/bobosola/
http://homepage.ntlworld.com/bobosola/png_mouseover.htm |
|
| Back to top |
|
 |
Google adsense
Advertisement
|
| Posted: Wed Oct 29, 2008 1:00 pm Post subject: [solution] IE5.5 AND IE6 PNG fix |
|
|
Advertisement
|
|
| Back to top |
|
|
GravityForms
Advertisement
|
| Posted: Wed Oct 29, 2008 1:00 pm Post subject: [solution] IE5.5 AND IE6 PNG fix |
|
|
Advertisement
 |
|
| Back to top |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
| 
