Foros del Web » Programando para Internet » Javascript »

[Resuelto]Fade a Imagen

Estas en el tema de [Resuelto]Fade a Imagen en el foro de Javascript en Foros del Web. Existe esa propiedad, necesito hacer un fade a una imagen de fondo o sea bajarle la intensidad se puede...
  #1 (permalink)  
Antiguo 11/11/2003, 08:28
Avatar de dobled  
Fecha de Ingreso: enero-2002
Ubicación: Rancagua - Chile
Mensajes: 1.328
Antigüedad: 23 años
Puntos: 2
[Resuelto]Fade a Imagen

Existe esa propiedad, necesito hacer un fade a una imagen de fondo o sea bajarle la intensidad se puede
__________________
Usa títulos específicos y con sentido
En las listas de correo o en los grupos de noticias, la cabecera del mensaje es tu oportunidad de oro para atraer la atención de expertos cualificados en aproximadamente 50 caracteres o menos. No los desperdicies en balbuceos como "Por favor ayúdame" (de "POR FAVOR AYÚDAME!!!" ya ni hablamos). No intentes impresionarnos con lo profundo de tu angustia; mejor usa ese preciado espacio para una descripción lo más concisa posible del problema.

Última edición por KarlanKas; 11/11/2003 a las 12:43
  #2 (permalink)  
Antiguo 11/11/2003, 09:28
Avatar de tilu  
Fecha de Ingreso: agosto-2002
Ubicación: u-l-d-m
Mensajes: 1.885
Antigüedad: 22 años, 4 meses
Puntos: 5
Hace mucho en internet encontré este código que le rebaja la intensidad a la imagen luego al pasar el mouse sobre ella vuelve al estado normal.

Puedes manejar a gusto la intensidad de la imagen.

Ya verás las modificaciones al mismo para adaptarlo a tu necesidad.


En el <HEAD> debes poner:


<style type="text/css">
#im {
FILTER: alpha(opacity=50)
}
</style>

<script language="JavaScript1.2">
function high(which2)
{
theobject=which2;
highlighting=setInterval("highlightit(theobject)", 50);

}
function low(which2)
{
clearInterval(highlighting);
which2.filters.alpha.opacity=50;
}
function highlightit(cur2)
{
if(cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if(window.highlighting)
clearInterval(highlighting)
}
</script>





Y luego a tu imagen debes ponerle esto:


<img src="tu_imagen.gif" align="middle" id="im" onmouseover="high(this)" onmouseout="low(this)">
__________________
"Casualidad es el juego favorito del destino", Tilu
  #3 (permalink)  
Antiguo 11/11/2003, 09:54
Avatar de dobled  
Fecha de Ingreso: enero-2002
Ubicación: Rancagua - Chile
Mensajes: 1.328
Antigüedad: 23 años
Puntos: 2
Enkiu
__________________
Usa títulos específicos y con sentido
En las listas de correo o en los grupos de noticias, la cabecera del mensaje es tu oportunidad de oro para atraer la atención de expertos cualificados en aproximadamente 50 caracteres o menos. No los desperdicies en balbuceos como "Por favor ayúdame" (de "POR FAVOR AYÚDAME!!!" ya ni hablamos). No intentes impresionarnos con lo profundo de tu angustia; mejor usa ese preciado espacio para una descripción lo más concisa posible del problema.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:06.