PNG’s transparentes no Internet Explorer com jQuery (IE PNGFix)

Posted on setembro 17th, 2009 by admin
Exibição de PNGs transparentes no Internet Explorer 6 ou inferior

Existe um plugin de jQuery chamado jQuery PNG Fix, pra quem quiser ver/testar um exemplo dele, é só ir no site do plugin.

A vantagem de usar esse script é que ele funciona com IE 5.5, 6 e 7, não atrapalha o uso de outros scripts (unobtrusive) e funciona com imagens linkadas, fundos em CSS e mantém todos os atributos e propriedades (alt, title, class, style e etc.) das imagens.

Para usá-lo no seu site, é muito simples… Primeiro insira o script do pngFix dentro do <head> do seu site:

<head>
  <title>Meu Site</title>
  <script language="JavaScript" src="jquery.js" type="text/javascript"></script>
  <script language="JavaScript" src="jquery.pngFix.js" type="text/javascript"></script>
</head>

 

E depois é só inserir um bloco de jQuery que fará a correção em todos os elementos do seu site:

<head>
  <title>Meu Site</title>
  <script language="JavaScript" src="jquery.js" type="text/javascript"></script>
  <script language="JavaScript" src="jquery.pngFix.js" type="text/javascript"></script>

  <script language="JavaScript" type="text/javascript">
	$(document).ready(function(){
		$(document).pngFix(); // "Executa" o pngFix em todos os elementos do site
	});
  </script>
</head>

Fonte: ThiagoBelem

NOTICIAS RELACIONADAS:

  1. Aprenda fazer cantos arredondados com jQuery Corner
  2. Aprenda a fazer lightBox com Jquery
  3. Sistema de Avaliação de posts com Jquery
  4. Javascript: exibe data e uma mensagem de acordo com a hora
  5. 10 ANIMAÇÕES USANDO JQUERY

Filed under: JQUERY

« »

Leave a Reply

Spam Protection by WP-SpamFree

Monetizado com WP-HOTWords.