A solução já é batida no meio dos desenvolvedores de interface e o funcionamento depende do cabeçalho DocType em xHtml 1.0 transitional.

Trata-se do famoso pngFix.js , hack inspirado nas idéias do colega Michael Lovitt. Basicamente um script que varre o código html atrás de imagens com a extensão .png para implementar a propriedade Cascade Style Sheet “Filter”.

A interpretação do valor “progid:DXImageTransform.Microsoft.AlphaImageLoader” para a propriedade css “filter”, foi implementada pela Microsoft no Internet Explorer, nas versões inferiores a versão 7, justamente para atender à demanda de imagens .png com pixels transparentes, veja a documentação oficial.

Segue o link para o estudo e a solução: http://homepage.ntlworld.com/bobosola/index.htm

Ps: há possibilidade de conflito com frameworks e libraries javascript como Jquery. Onde é necessária a intervenção através da criação de uma função a ser chamada após a renderização da interface inicial.

Enjoy!

Bom, este post não é bem de minha autoria. Recebi um pdf em Inglês de um amigo sobre JQuery com uma lista de plugins bons para quem trabalha com desenvolvimento de sites e sistemas web. Aqui não tem todos. Afinal não tenho tanto tempo assim pra ficar traduzindo mas prometo traduzir o resto e postar aqui.

(O Alex Rodrigues descobriu de onde é. Fica o link com a lista completa em ingles: http://speckyboy.com/2008/12/10/37-phenomenal-jquery-plugins-and-demos-for-developers/)

Ação de Slide em Formulário

http://designshack.co.uk/tutorials/creating-a-slide-in-jquery-contact-form

Quando um usuário clica em um link ou botão que vá para um formulário, o conteúdo do mesmo desliza revelando o form sem necessidade de se recarregar a pagina. Ao apertar o botão de submit ou ação o formulário aguarda o retorno do servidor ou script, exibe a resposta e fecha o formulário novamente.

Teclado Virtual em JQuery

http://designshack.co.uk/tutorials/creating-a-virtual-jquery-keyboard

Tutorial para implementação de um teclado virtual em JQuery estilo os vistos em bancos e sistemas de segurança.

Mensagens de comunicação em formulários.

http://designshack.co.uk/tutorials/creating-a-digg-style-sign-up-form

Plugin legal para inserção de dicas em formulários (hints e escritos abaixo do campo). Pode ser utilizado para validação de campos exibindo mensagens de erro e acerto

Carregar conteúdo ao terminar a rolagem

http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/

Um dos mais legais da lista. Se você tem uma página grande esta é uma das melhores soluções em JQuery que conheço. Ao terminar a rolagem da página é acionado um Ajax que adiciona o restante do conteúdo em caso de páginas extensas. Assim só se carrega o conteúdo a ser lido sem perda de transferência.

Galeria de Fotos com lightbox – Pirobox JQuery

http://designshack.co.uk/tutorials/pirobox-jquery-lightbox

Você pode usar este plugin para criar galerias fáceis de serem editadas que utilizam recursos de paginação e abre fotos em lightbox.

Galeria de fotos – FancyBox

http://fancy.klade.lv/

Esta galeria é bem diferente do que já vi na net. Abre a foto de forma simples e agradável. O visual é totalmente customizável. Pode-se carregar vídeos, HTML, flash…

Facebox 1.2

http://famspam.com/facebox

Outra galeria de fotos. O único diferencial é poder utilizar cronometragem para ver as fotos (auto-play) e carregar conteúdo externo como HTML

JQuery Circle Plugin

http://www.malsup.com/jquery/cycle/

Este é bom. Na realidade é um plugin de slideshow que interage com cliques, pode ser programado tempo e várias outras coisas. Tem efeitos de transição variados.

Inner Fade

http://medienfreunde.com/lab/innerfade/

É basicamente um plugin de fade de elementos que podem ser texto, imagens, divs… criando “animações básicas” com fade

Tablesorter 2,0

http://tablesorter.com/docs/

Na prática é um filtro de tabelas em JQuery. É bem completo e tem recursos como reorganização da tabela toda, reorganização por colunas separadas e várias outras possibilidades.