20 agosto 2010 in Diseño Web, Javascript, Otras Cosas, Recursos, Recursos de Diseño by codu

Hoy les traigo un JavaScript que encontre, el cual sirve para utilizar las transparencia en IE6 mediante un simple script. Les recuerdo que nuestro “querido” Internet Explorer 6 tiene un problema para realizar dichas transparencias utilizando los archivos png 24, por lo cual no las realiza correctamente.En los exploradores actuales la transparencia funciona correctamente

Transparencias en PNG Internet Explorer 6

El nombre del JavaScript es DD_belatedPNG el cual lo pueden descargar desde la siguiente pagina web

A continuacion realizare un mini-tutorial el cual les servira para implementar rapidamente este JavaScript en su sitio web.

Insertamos el siguiente codigo en el head del HTML a realizar la transparencia.


<head>
<script language="JavaScript" type="text/javascript"></script>

<!--[if IE 6]>

	<script languaje="JavaScript" type="text/javascript" src="images/DD_belatedPNG.js"></script>

	<script language="JavaScript" type="text/javascript">
		DD_belatedPNG.fix('.png_bg');
	</script>

<![endif]-->

</head>

El archivo lo guardaron en una carpeta, en este caso, denominada images, el cual si quieren lo pueden modificar desde la siguiente linea src=”images/DD_belatedPNG.js”

En la imagen o background correspondiente insertamos la clase png_bg.

Ejemplo de como quedaría el código sin la clase en el código

<img src="ejemplo.png" alt="imagen sin efecto png" />

Ejemplo de como quedaria el código con la clase en el código.

<img class="png_bg" src="ejemplo.png" alt="imagen con transparencia png" />

Es tan simple como eso :) .

Si quieren modificar el nombre de la clase deben modificar la siguiente linea de codigo DD_belatedPNG.fix(‘.png_bg’), y donde dice png_bg le ponen el nombre clase que quieran :D .

Espero que les sirva el mini-tutorial, cualquier duda que tenga con respecto a esto me dicen y les explicare con mas detalles.

Entradas Relacionadas: