Content last modified Monday 6 March 2017
hop to #bottom
Categories:
Current version:
0.2
About It:
Get it:
Rate it:
  • Helpful?
  • 0 Yes
  • 0 No
Flag it:

If you'd like to provide updated information and do not have access to directly edit, please contact the site admin; thanks!

zen_ie_png

IE Transparent PNG Replacer

Plugin and help file adapted from Justin Koivisto at http://koivi.com/ie-png-transparency/

DESCRIPTION

Modifies IMG and INPUT tags for MSIE5+ browsers to ensure that PNG-24 transparencies are displayed correctly. Replaces original SRC attribute with a binary transparent PNG file (spacer.png) that is located in the same directory as the original image, and adds the STYLE attribute needed to for the browser. (Matching is case-insensitive. However, the width attribute should come before height.)

Also replaces code for PNG images specified as backgrounds via: background-image: url(image.png); or background-image: url(‘image.png’); When using PNG images in the background, there is no need to use a spacer.png image. (Only supports inline CSS at this point.)

ATTRIBUTES

img_path=”“
The path to the directory with the spacer image relative to the DOCUMENT_ROOT. If none is supplied, the spacer.png image should be in the same directory as PNG-24 image. default:”/images”

size_meth=“crop”,“image”, or “scale”
String containing the sizingMethod to be used in the Microsoft.AlphaImageLoader call. default:“scale” Possible values are:

  • crop – Clips the image to fit the dimensions of the object.
  • image – Enlarges or reduces the border of the object to fit the dimensions of the image.
  • scale – Default. Stretches or shrinks the image to fill the borders of the object.

in_script=“0” or “1”
Attribute as to whether or not to replace IMG tags that appear within SCRIPT tags in the passed content. If used, may cause javascript parse errors when the IMG tags is defined in a javascript string. default:“0”

EXAMPLE

<txp:zen_ie_png>
	<txp:image id="14" class="left" />
	<div id=header2 style="background-image: url(image.png);">
	</div>
</txp:zen_ie_png>
Article Request Count:

Archived [?]: orphaned: broken link

Keywords/tags:
Posted here:
11 Jul 2007
Article modified:
28 Feb 2008

You may want to leave your comments/questions at the Forum thread for quicker feedback. Otherwise, comment away:

Your comment will NOT be submitted until you click the 'Submit' button on the next pageload.

Subscribe to this article's comments RSS feed. [ ? ]   View Recent Comments across the site.

You know you want to visit the Archives.

Browse

Categories


Articles

There are also tag clouds, 'cause those are fun.
Published with Textpattern