PNG fix IE: CSS only

Amit — Tue, 19 May 2009 07:05:43 +0000

In IE6, PNG images with transparency do not show their transparent regions, so you have to use some crazy IE6 proprietary filters.

I have used the css code snippet below in my projects to achieve PNG image transparency. Place it in a css file.

^?View Code HTML

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

You can use conditional include for this hack code so that the good browsers do not see this.

3D Flash Image Viewer: TiltViewer

Amit — Tue, 30 Dec 2008 04:17:08 +0000

TiltViewer is a free 3D Flash image viewer application with an impressive interface.

The application responds to the mouse movements and creates a full 3D effect with new image sets falling, old ones disappearing, zooming an image and flipping it to see the details.

Tiltviewer

Images can be added to the gallery from a XML file or a flickr account.

Amit Yadav » Graphics

PNG fix IE: CSS only

3D Flash Image Viewer: TiltViewer