PNG ie-png.htc 1.0

Cél

A PNG használata:

• IMG elemre
• és bármely elem hátterére (background)

Támogatás

Az IE 5.0 nem teszi lehetővé a PNG használatát, ekkor a helyettesitő kép megadására van lehetőségünk (ie-png-alternateimage).

Demó

IMG.src változtatása

globe-scene-fish-bowl-pngcrush.png  stefan_pal_rgba.png  kata08.jpg  apache_pb.gif

Element.style.backgroundImage változtatása

Használat

CSS:

.png {
	behavior:	url(js/ie-png.htc);
	-ie-png-blankimage: url(image/blank.gif);
}
.fistImage {
	-ie-png-alternateimage: url(image/stefan_full_rgba.gif); /* IE5.0 */
}

JS:

function changeSrc( elImg, sSrc, nWidth, nHeight, sAlternateSrc ) {
	if ( is.ie5 && sAlternateSrc )
		elImg.style['ie-png-alternateimage'] = 'url("'+sAlternateSrc+'")';
	elImg.src = sSrc;
	elImg.style.width = nWidth + 'px';
	elImg.style.height = nHeight + 'px';
}

function changeBackground( el, sSrc, sAlternateSrc ) {
	if (  is.ie5 && sAlternateSrc )
		el.style['ie-png-alternateimage'] = 'url("'+sAlternateSrc+'")';
	el.style.backgroundImage = 'url('+sSrc+')';
}

Forrás

js/ie-png.htc