Compatibilidad. Esta astucia sólo funciona en Internet Explorer versión 4 y superior.
Una imagen visualizada píxel por píxel
¿Desea visualizar sus imágenes de una manera original? ¿Cómo obtener un desvanecimiento cada vez que se abre una página?
Para obtener el efecto, copie primero estos dos scripts en el encabezamiento de su página:
<script LANGUAGE="JavaScript">
<!-- Debut du script
function netie(net, ie) {
if ((navigator.appVersion.substring(0,3) >= net && navigator.appName == 'Netscape' && net != -1) || (navigator.appVersion.substring(0,3) >= ie && navigator.appName.substring(0,9) == 'Microsoft' && ie != -1))
return true;
else return false;
}
// Fin du script -->
</script>
y
<script LANGUAGE="JavaScript">
<!-- Debut du script
function loadImage() {
imageEffect.filters.item(0).Apply();
imageEffect.style.visibility = "visible";
imageEffect.filters.item(0).Play();
}
// Fin du script -->
</script>
Se utiliza el primer script para detectar el navegador utilizado por sus visitantes y el segundo para crear la transición...
Después, defina sus imágenes en una superposición, de la siguiente manera:
<body onLoad="netie(-1,4)?loadImage():null">
<div id="imageEffect"
STYLE="position:relative;height:69; width:66; background-color:none; filter:revealTrans(Duration=10, Transition=12); visibility:hidden">
<dd><img SRC="my_picture.gif"
STYLE="net(-1,4)?position:relative:null; width:100%; height:100%" width="66" height="69"> </dd>
</div>
Asegúrese de especificar el nombre de la imagen utilizada (en este caso, my_picture.gif), así como su anchura y su altura (width y height en dos lugares diferentes de este código). También puede cambiar el tiempo de transición según sus preferencias (Duration=10)
Compatibilidad. Esta astucia sólo funciona en Internet Explorer versión 4 y superior.