Tutoriales de Javascript

Efecto imagen en java
Introducción

Efecto de oscurecimiento en una imagen.

Comenzaremos con las etiquetas principales de la pagina, posteriormente con la función en js que hace el efecto a la imagen, pon cuidado en el código no es tan sencillo, y para terminar la llamada de la función y terminamos.



<HTML>
<HEAD>
<TITLE>efecto de imagen </TITLE>
<script>
desap = new Object();//creamos los objetos de efecto y tiempo 
tiempo = new Object();

function efecto(object, transparencia, transicion, velocidad){ //se declara la 
funcion y los parametro 

if (!document.all) return
if (object != "[object]") { 
setTimeout("efecto("+object+","+transparencia+","+
transicion+","+velocidad+")",0);
return;
}

clearTimeout(tiempo[object.sourceIndex]);

diff = transparencia-object.filters.alpha.opacity;
direction = 1;

if (object.filters.alpha.opacity > transparencia) {
direction = -1;
}

velocidad=Math.min(direction*diff,velocidad);
object.filters.alpha.opacity+=direction*velocidad;

if (object.filters.alpha.opacity != transparencia) {
desap[object.sourceIndex]=object;
tiempo[object.sourceIndex]=setTimeout("efecto(desap["+object.sourceIndex+"],"+
transparencia+","+transicion+","+velocidad+")",transicion);
}
}
</script>
</HEAD>
<BODY BGCOLOR="#000000">
<!--se manda llamar la funcion-->
<img src="img.jpg" onmouseover=efecto(this,100,50,15) style=FILTER: 
alpha(opacity=20)
onmouseout=efecto(this,20,10,25) class=image_out><BR>
</BODY>
</HMTL>


En <img src="img.jpg" ....> tienes que escribir el nombre de la imagen que le quieres dar el efecto.

Autor: S/A DescargarDescargar

Comentarios en "Efecto imagen en java"

Table 'programa_programas.t_comentarios' doesn't exist