[Nícolas]

Aeee pessoal..

Estava pesquisando e como muita gente sabe o IE tem problemas para exibir PNGs com transparência!!!

O que acaba forçando a utilizar metodos mais trabalhosos, se matando arrumando uma gif pra não perder qualidade (isso quando fica bom) ou aumentando grosseiramente o código html inserindo flash com a sombra que você quer aonde você quer colocar o efeito de transparência.


Essa tecnica eu não sei em quantos IEs funcionam, só testei no 6, mas o IE 7 ja aceita PNG

Agora para de enrrolar e vamo pro código.


DEIXANDO TODAS AS PNG's (COM EXCESSÃO DOS BACKGROUNDS TRANSPARENTES)
Esse aqui é super facil,só você jogar um javascript no codigo da pagina que ele ja le normalmente.

Quote

<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

<img src="IMAGEM.png" width="300" height="35">

java script: http://homepage.ntlw...osola/pngfix.js
fonte: http://homepage.ntlw...la/pnghowto.htm


BACKGROUNDS PNG'S COM TRANSPARENCIA (Ex: com class fundo)
Agora esse é para que vocês possam utilizar essas png's transparentes como background seja coom class, como id, diretamente na tag e etc.

CÓDIGO ATUALIZADO

Quote

<style type="text/css">
<!--
.fundo {
background-image: url(imagens/fundo_cima.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagens/fundo_cima.png, sizingMethod='scale');
}
-->
</style>

Ta aeee... E o bom é que é facil de usar!!! e espero que seja útil pra muita gente =)
Flw


----------------------

MENU:
PROBLEMAS COM BACKGROUNDS NOS LINKS DO MENU (Não reconhece fundo como link)
Clique Aqui

CONTEÚDO:
PROBLEMAS COM CAMPOS DE FORMULÁRIOS E LINK'S (Não torna os links e formulários ativos)
Clique Aqui


----------------------


ATUALIZANDO: Nova alternativa de adicionar PNG transparente via Javascript
Clique Aqui


----------------------

Flw ae pessoal

[QuIx]

Olá,

Boa dica cara vai ajudar batente gente :]~
Só que no FF isso funciona também?

[]'s

[webflex]

Olá,

Claro amigo QuIx, o FF nao tem o problema da transparencia do PNG.

Cumps [*]

[#INSIDE#]

Muito bom, postei o link no meu blog: http://www.web2ponto...6-e-inferiores/

Valeu!

[]'s

[Nícolas]

Nossa cara.. show seu blog hein... conhecia não!!! =)

Tem bastante coisas interessantes lá.. to feliz que meu tópico esteja la também, hehehehe

Bom... eu vi alguns topicos la ensinando uns meios mais complicados e pessoas falando de bugs e tal..

Pelo que percebi esse funciona normalmente...


Aqui testei de boa, nem sonhou em ameaçar nenhum bug...


Mas isso é uma coisa que só o tempo nos dirá (nossa profundo isso, ehehhe)

Mas então.. ta favoritado ja seu blog.. gostei dele parabéns =)

[#INSIDE#]

Legal, na verdade o IE6 ja ta perdendo posição viu, a M$ ta obrigando o pessoal a atualizar, entam creio que logo logo naum teremos mais a preocupação com certos bugs...

[]'s

[CuecaX]

#INSIDE#, em 11/04/2007 - 20:43, disse:

Legal, na verdade o IE6 ja ta perdendo posição viu, a M$ ta obrigando o pessoal a atualizar, entam creio que logo logo naum teremos mais a preocupação com certos bugs...

[]'s

infelizmente nao eh bem assim... o nivel dos PCs no Brasil ta melhorando, mas nao sao tao bons assim... tem muito pc ae rodando windows 98 em 800x600

fora q muitas pessoas (as q nao conhecem o firefox e nao tem ninguem pra contar isso pra elas) vao preferir continuar no IE6 a atualizar pro 7 por ele ser pesado desnecessariamente pra pcs mais fracos , ou ainda pior: Algumas nem sabem pra q servem uma atualização

[#INSIDE#]

Quote

infelizmente nao eh bem assim...

Desculpa replicar, mas eh assim sim ^^

Tenho muitas estatísticas, tanto dos sites de meus clientes quanto de outros sites, o IE7 está ganhando posição muito rapidamente, só não atualiza mesmo quem usa inferiores do winXP, pois como ja disse as atualizações automáticas instalam ele "a força", e os usuarios comuns nem notam que ele foi instalado

[]'s

[CuecaX]

Dica pro Pessoal:
quem tiver problema da imagem esticar qdo você nao quer, basta abrir o PNGFIX.JS e editar:



onde esta:
sizingMethod='scale'

trocar por:
sizingMethod='none'


tb funciona no do background


-------------------------

#INSIDE#, em 13/04/2007 - 12:30, disse:

Quote

infelizmente nao eh bem assim...

Desculpa replicar, mas eh assim sim ^^

Tenho muitas estatísticas, tanto dos sites de meus clientes quanto de outros sites, o IE7 está ganhando posição muito rapidamente, só não atualiza mesmo quem usa inferiores do winXP, pois como ja disse as atualizações automáticas instalam ele "a força", e os usuarios comuns nem notam que ele foi instalado

[]'s

mas temos q concordar q isso eh uma tatica nojenta da M$ neh

[Nícolas]

Aeee sobre a condicional com IE7.... eu havia mudado para 6, mas aee ele não funciona mais...

Não manjo nada dessas tags condicionais mas acho que ali deve ta falando pra jogar isso se a versão do IE for inferior a 7 =)

[CuecaX]

IMPORTANTE:

Por causa de um Bug no IE6 (pra variar), qdo você usa o png transparente no fundo de um DIV por esse metodo, os links desse div nao podem ser clicados

[Nícolas]

Aee Cueca, isso eu acabei descobrindo junto com você quando fui utilizar em um site, mas encontrei uma solução interessante e lógica pra isso.

Como você ta exportando a png com o palco a area transparente ele reconhece como se estivesse vazio, como se não fizesse parte da imagem.

Faz o seguinte, deixa a area (fundo) transparente mesmo, e cria um quadrado por cima com 1% de transparencia.

Se vai ver que vai funcionar direitinho, hehehe

E esse 1% é imperseptivel ao olho humano, claro se você chegar o mais proximo da cor do fundo atual.


Se você colocar o fundo branoc e criar um quadrado preto você percebe... muito pouco mas percebe.


O truque é deixar com a mesma tonalidade..



DICA

Pra quem usa o Firewoks (como eu), aonde você seleciona o tipo de exportação (gif animado, jpg entre outros)

Seleciona PNG32...

Quando você salva a png direto ela fica editavel, da quando se vai ver uma imagem ridicula como a que eu tinha feito.

Quadrado de 1px por 1px com 20% de opacidade fica com uns 33kb.

Ja se você exportar como PNG32 ela deixa de ser editavel e a minha ficou com 184bytes e continuo com a transparencia, e o melhor não é como gif que se taca um degrade para transparente e fica com uma qualidade ruim...

Ja teste com degrade e fico show

Ele fica com o degrade bonitão tb =)

[CuecaX]

nick171, em 13/04/2007 - 17:44, disse:

Aee Cueca, isso eu acabei descobrindo junto com você quando fui utilizar em um site, mas encontrei uma solução interessante e lógica pra isso.

Como você ta exportando a png com o palco a area transparente ele reconhece como se estivesse vazio, como se não fizesse parte da imagem.

Faz o seguinte, deixa a area (fundo) transparente mesmo, e cria um quadrado por cima com 1% de transparencia.

Se vai ver que vai funcionar direitinho, hehehe

E esse 1% é imperseptivel ao olho humano, claro se você chegar o mais proximo da cor do fundo atual.


Se você colocar o fundo branoc e criar um quadrado preto você percebe... muito pouco mas percebe.


O truque é deixar com a mesma tonalidade..

Iiiiihh... mias um hack pra resolver problemas no IE causados por outro hack ... to fora

eu usei uma solução mais limpinha, criei um outro DIV do mesmo tamanho AO LADO e desloquei para ficar em cima do outro div .... funcionou!

mas valeu

[Nícolas]

aff. pra que se matar com div???

assim você polpa mais código e é mais facil e simples de fazer.

Sinceramente, eu particularmente não vejo como um hack, mas sim como uma solução lógica, uma vez que não existe nenhuma imagem no fundo da png.

Se você colocar uma setinha e uma linha horizontal de divisória, só a setinha e a divisória seriam considerados imagem, o restante não.


A unica coisa que fiz foi criar um quadrado com 1% de opacidade.

Aqui funcionou perfeitamente, mas ja que se prefere fazer assim né...

Cada um é cada um =)

Faz o jeito que se achar melhor, mas sou bem mais esse hehehe

[CuecaX]

gente, estou ressucitando o topico, mas eh por uma boa causa

ATENÇÃO QUEM USOU ESSE SCRIPT:

aleatoriamente ele deixa o IE6 em loop como se tivesse carregando as imagens png mesmo ja tendo carregado elas...
isso faz com q outro CODIGO Javascript NÃO FUNCIONE qdo esse script estiver rodando.
entao cuidado!

e bizzarramente isso pára de acontecer qdo você poe um

alert(document.images.length)

antes do loop for , horrivel isso... IE Fede



alguem tem uma ideia pra consertar esse script (conheço mto pouco de javascript) ?

EDIT:
Aparentemente isso bloqueia o evento onload na verdade, evitando q ele funcione...

[( ((phabyo)) )]

Fiz como foi falado e só não consegui fazer o site ficar "clicavel" e no firefox o png não aparece.
No caso, tenho outro .js e está funcionando normal tbm.


Alguém poderia me explicar de novo como fazer funcionar ?


Valeuuu

[Paulo de Tarso F. M.]

( ((phabyo)) ), em 15/05/2007 - 17:17, disse:

Fiz como foi falado e só não consegui fazer o site ficar "clicavel" e no firefox o png não aparece.
No caso, tenho outro .js e está funcionando normal tbm.


Alguém poderia me explicar de novo como fazer funcionar ?


Valeuuu

Bom, acho que para poder ajudar, precisamos de códigos! Ou se tiver um link para visualizarmos o problema, melhor ainda!!! Pq assim fica difícil...

[Fabio Alexis]

Olá,

Esotu usando o java/css para o funcionamento do png com alpha.
http://extranet.e-br...tel/interna.php

Só que no IE o conteúdo não fica habilidade, isso é, os formulários e seus elementos e o links da página. No FF é tranquilo.

Pelo que vi, a "falha" deve a "substituição" da imagem .png pela blank.gif

var realSrc;
var blankSrc = "img/blank.gif";
var isPrinting = true;

Alguém sabe o que pode ser e como ajustar?

obrigado,
Fabio Alexis

[Nícolas]

( ((phabyo)) ), em 15/05/2007 - 17:17, disse:

Fiz como foi falado e só não consegui fazer o site ficar "clicavel" e no firefox o png não aparece.
No caso, tenho outro .js e está funcionando normal tbm.


Alguém poderia me explicar de novo como fazer funcionar ?


Valeuuu

Cara no firefox ele não precisa ler codigo nenhum, deve ter sido algo que você fez de errado...

sabe oq ue eu acho que foi...

Se você for parar pra analizar o codigo la em cima... no em todos os navegadores (Incluindo Firefox) ele adiciona a imagem como backgrounnd normal..

Quote

<style type="text/css">
<!--
.fundo {
background: url(IMAGEM.png) repeat-y;
width: 100%;
}
-->
</style>

E logo em seguida coloca a tag condicional para somento o IE ler o código tirando o background e botando uma filter..

Quote

<!--[if IE]>
<style>
.fundo{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IMAGEM.png,sizingMethod='scale');
}
</style>
<![endif]-->

Aee ele faz o IE sobrescrever os dados que eram para o firefox...

Na minha opinião você esqueceu da condicional do IE e ele acabou tirando o background do Firefox

Por isso do erro...

Só deixar igualzinho como foi dito aee em cima que funciona sim

[gsfweb]

Quote

<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

<img src="IMAGEM.png" width="300" height="35">

Onde inserir isto? no head?
Ja tentei e n consigo.
isso ai no head e o img src=IMAGEM no local da imagem.

FF e IE 7 normalmente
No IE 6 a foto fica com o fundo cinza

[Nícolas]

Não esqueça de colocar o script
http://homepage.ntlw...osola/pngfix.js

Salva esse javascript no mesmo local do seu html que vai funcionar =)

[Nícolas]

E aeee pessoal.. seguinte.. hoje na net achei uma outra forma de usar como background....

A idéia é a mesma daquela usada la em cima...

Quote

<style type="text/css">
<!--
.fundo {
background-image: url(IMAGEM.png);
background-repeat: repeat-y;

width: 100%; /*IMPORTANTE PARA EXEBIR O BACKGROUND PRECISA ESTAR COM UMA LARGURA E/OU ALTURA DEFINIDA */
}
-->
</style>

<!--[if IE]>
<style>
.fundo{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IMAGEM.png,sizingMethod='scale');
}
</style>
<![endif]-->

Só que é muito mas simples e limpo.

Então esse código agora você substitui por esse.

Quote

<style type="text/css">
<!--
.fundo {
background-image: url(IMAGEM.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IMAGEM.png,sizingMethod='scale');
}
-->
</style>

Lembrando que o valor scale você pode mudar de acordo com sua necessidade
http://msdn2.microso...y/ms532920.aspx


Mas voltando ao assunto...

Esse código não precisa utilizar hacks nem um estilo separado, apenas uma lógica muito bem sacada priorizando as tags importantes de cada navegador.

Como só o IE lê a filter e os outros navegadores não ele prioriza a filter para o IE, caso contrario ele le apenas o background image para os outros navegadores.

Muito mais simplificado acredito que vai facilitar pra muita gente.

Fonte: http://www.anieto2k....uciones-varias/

Flw aeee

[schumacker]

Pessoal, preciso da ajuda de vocês...

Impementei o PNG como background, conforme exemplo que foi postado...

Quote

background-image: url(IMAGEM.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=IMAGEM.png,sizingMethod='scale');

Só tem um problema, o menu em Flash que fica por cima desse background, não executa! Só executa se eu remover o WMODE transparente dele. Mas não posso remover!! Preciso que o Flash seja transparente..

Além disto, qualquer conteúdo que eu coloque por cima desse background, não fica ativo. (Links, forms..).

Já tentei colocar o position:relative, porém não resolveu.

Alguém tem sugestão??


Para visualizar o site, clique aqui!


OBS: No Firefox funciona 100%!!

Me ajudem!!

[Krz]

eu tentei fazer de todo jeito, mas sem resultado!

a questão é q uma coisa q me deixou curioso....

fiquei tentnado varias vezes e carregando a pagina no meu pc, ai pensei "vou upar e pedir um help no forum", fiz isso, ai carreguei a pagina, e... pra minha surpresa FUNCIONOU, pensei "uhuuuuuuuuuuu", ai dei um refresh e,,,,,, NAUM FUNFOU MAIS!!! sacanage, fiquei la apertando F5 q nem um louco, e NADA, detalhe q eu não mexi no html depois da vez que funcionou!!!

alguem pode dar uma olhada no meu código e me ajudar??? o.O

http://www.counterst....com/teste.html

desde ja agradeço

[Ricardo.RFS]

schumaker não sei onde você colocou o relative, mas para funcionar link em cima deste PNG por exemplo é so fazer

a, form { position:relative }

no inicio do seu CSS que funcionará

[Nícolas]

Krz, em 10/10/2007 - 02:40, disse:

eu tentei fazer de todo jeito, mas sem resultado!

a questão é q uma coisa q me deixou curioso....

fiquei tentnado varias vezes e carregando a pagina no meu pc, ai pensei "vou upar e pedir um help no forum", fiz isso, ai carreguei a pagina, e... pra minha surpresa FUNCIONOU, pensei "uhuuuuuuuuuuu", ai dei um refresh e,,,,,, NAUM FUNFOU MAIS!!! sacanage, fiquei la apertando F5 q nem um louco, e NADA, detalhe q eu não mexi no html depois da vez que funcionou!!!

alguem pode dar uma olhada no meu código e me ajudar??? o.O

http://www.counterst....com/teste.html

desde ja agradeço

Krz mal não tinha visto sua dúvida...

Antes de mais nada.... rammmrammm.......
....
...


Site de Half-Life 2... urruuu \o/

hehehe Caramba, esse jogo é F**A ja zerei varias vezes e num em canso dele ^^

Num sei se é teste ou site, mas se for com teste, ja começou testando bem, hehehe


Voltando a dúvida... hehehe

Cara se fez tudo certo, só exportou a PNG de forma errada... =)

Se exportou uma PNG8 com varias limitações pra deixar o arquivo menor...

Quando for exportar exporta com PNG32.... dessa forma a transparencia funcionou e o mesmo arquivo ainda ficou uns bytes mais leves...

Pode testa aee
http://onix.hbserver...ransparente.png

Flw aee

[Krz]

bom, no momento, eu to fazeno um site só sobre CS, pq tow c pokissimo espaço no servidor, + assim q eu puder aumentar o espaço pretendo fazer um site sobre HL2 sim =P

sobre a img, eu exportei como PNG 8 pq uso o Fireworks 8, e só tem opção pra exportar com alpha se for c png8, como png 24 ou 32 n tem :S

e no PS na hora de exportar n mostra opção de se quer em png8 24 ou 32.... :Ssou meio noob em PS :S

como você exportou essa img ???

desde ja agradeço pela ae ae =P

vlw

[Nícolas]

Usei o Fireworks 8 e coloquei pra exportar somente como PNG32 (não tinha mais nenhuma configuração a definir) e exportei =]

Mas aee funcionou normal ae??

[Krz]

funfou sim mano, vlws ae =P

[viniciusjau]

Galera.. alguém já testou o lance de Transparencia em background ??

aqui não está funcionando...

[jricardoss]

Eu sei upar tópico antigo não é bom, mas tudo bem. Achei esse tópico pelo Google e sei que muitas pessoas vão acha-lo também, então resolvi postar uma solução "simples" para os elementos bloqueados dentro do div que terá o fundo transparente. A solução foi baseada nas informações já dadas neste tópico.

<style type="text/css">
<!--
.fundo {
background-image: url(imagens/fundo_cima.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=imagens/fundo_cima.png);
}
-->
</style>

<!--[if lt IE 7]>
<style type="text/css">
<!--
/*Aqui está a "solução". O asterisco faz com que todos os elementos dentro do div recebam o valor relative no atributo position */
.fundo * { 
position:relative;
}
-->
</style>
<![endif]-->

Postei só para evitar que mais pessoas batam a cabeça para resolver esse problema. Espero que ajude alguém, pois para mim resolveu.

[inforsis]

Boa Noite pessoal.
Utilizando a solução postada me veio na mente, e se eu quiser aplocar o efeito apenas em algumas imagens png?

Então , depois de umas pesquisas, vamos complementar a OTIMA informação que o nick postou:

DEIXANDO UMA(S) PNG(S) TRANSPARENTE (COM EXCESSÃO DOS BACKGROUNDS)

<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

<img src="IMAGEM.png" width="300" height="35" onload="fixPNG(this)">

java script:

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

function fixPNG(myImage) 
{
	if ((version >= 5.5) && (version < 7) && (document.body.filters)) 
	{
	   var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
	   var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
	   var imgTitle = (myImage.title) ? 
					 "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' "
	   var imgStyle = "display:inline-block;" + myImage.style.cssText
	   var strNewHTML = "<span " + imgID + imgClass + imgTitle
				  + " style=\"" + "width:" + myImage.width 
				  + "px; height:" + myImage.height 
				  + "px;" + imgStyle + ";"
				  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
				  + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
	   myImage.outerHTML = strNewHTML	  
	}
}

fonte: http://homepage.ntlw...la/pnghowto.htm

A fonte é a mesma que o nick postou.

[Nícolas]

heheh boa dica inforsis ^^

Nem tinha notado

[Leandro Senni]

PNG tranpsrente eu usei num SITE aqui... mais no 6 fico como JPG e ainda fico quase branco o parte transparente...

smente no EXPLORER 6... to agora mudando e como os desenvolvedores... estalei o MOZILLA e IE 6 e 7 ...

mo ruim mais ta valendo...

[Nícolas]

Depende da forma que você exporta a PNG, uma vez um cara flw que o dele não fucionava e ele exportava no Photoshop

Até que falei pra ele tentar no fireworks e funcionou, agora só não sei que opção tava habilitada para atrapalhar =]

[silverfox]

nick171 se eu não me engano o problema no PHOTOSHOP é por causa do ENTRELAÇADO não sei ao certo como
funciona, mas pode ser umas das causas.
Ou talvez ele tive-se esquecido alguma camada

falow

[edufino]

Iai Pessoal!

primeiramente gostaria de parabenizar e agradecer a todos que colocaram códigos aqui no fórum...


bom, implementei o PNGFIX.JS aqui no meu sistema, mas ele anulou os links (do mesmo jeito que aconteceu com outros ai)...

Como um cara ai falou, o JAVA entra em loop e cancela os demais javascripts da página...
no meu sistema fica assim os links:

<img onclick="java script: ReloadUrl('LINK')" src="jpg/menu/IMAGEM.PNG" style="border-width:0px;" />

sem o onclick eu me %#¨@*

gostaria de saber se alguem conseguiu de algum jeito arrumar isso? SEM ter que adicionar um .Class pra todas as PNG's e tal?

não posso ficar usando o CSS primeiro porque vai aumentar o tamanho e segundo porque ele é bem dinâmico e grande, vai dar um trabalho gigantesco!


agradeço a atenção


abraços!

[William Bruno]

Achei essa ótima dica tb:
http://www.monocroma...-e-backgrounds/

Só precisei alterar algumas linhas do HTC, mas foi para se adaptar melhor à minha situação.

[anselmogomes]

Cara, vlw. Muito bom, realmente funciona. O designer da empresa em q trabalho desenvolve layouts com transparencia e itens sobrepostos e nos penamos com o IE6.

[luiscarlos5046]

inforsis, em 23/02/2008 - 02:30, disse:

Boa Noite pessoal.
Utilizando a solução postada me veio na mente, e se eu quiser aplocar o efeito apenas em algumas imagens png?

Então , depois de umas pesquisas, vamos complementar a OTIMA informação que o nick postou:

DEIXANDO UMA(S) PNG(S) TRANSPARENTE (COM EXCESSÃO DOS BACKGROUNDS)

<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

<img src="IMAGEM.png" width="300" height="35" onload="fixPNG(this)">

java script:

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

function fixPNG(myImage) 
{
	if ((version >= 5.5) && (version < 7) && (document.body.filters)) 
	{
	   var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
	   var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
	   var imgTitle = (myImage.title) ? 
					 "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' "
	   var imgStyle = "display:inline-block;" + myImage.style.cssText
	   var strNewHTML = "<span " + imgID + imgClass + imgTitle
				  + " style=\"" + "width:" + myImage.width 
				  + "px; height:" + myImage.height 
				  + "px;" + imgStyle + ";"
				  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
				  + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
	   myImage.outerHTML = strNewHTML	  
	}
}

fonte: http://homepage.ntlw...la/pnghowto.htm

A fonte é a mesma que o nick postou.

* Só complementando essa dica que foi uma das melhores e que funcionou em ambos FF e IE 6 mesmo qdo queremos colocar link nessas imagens...
Note que se colocarmos links nas imagens PNG com esse script, o link funciona mas não aparece a mãozinha do mouse qdo colocamos o mouse sobre a imagem com link... então coloquei uma pequena notação q funcionou corretamente..
Só adicionar nas CSS essa pequena linha:

a, form {
	cursor: Hand;
	}

Ai o código no nosso amigo INFORSIS tá completo..

Muito Obrigado inforsis! Vai ser de muita utilidade.

Luis Carlos