Foros del Web » Creando para Internet » HTML »

Efecto iluminacion al pasar el raton por encima

Estas en el tema de Efecto iluminacion al pasar el raton por encima en el foro de HTML en Foros del Web. Como hacer que al pasar el raton por encima de una imagen que contenga link se me ponga como iluminada toda? Gracias...
  #1 (permalink)  
Antiguo 10/06/2005, 02:44
 
Fecha de Ingreso: febrero-2005
Mensajes: 171
Antigüedad: 11 años, 9 meses
Puntos: 1
Efecto iluminacion al pasar el raton por encima

Como hacer que al pasar el raton por encima de una imagen que contenga link se me ponga como iluminada toda? Gracias
  #2 (permalink)  
Antiguo 10/06/2005, 08:46
Avatar de luisch125  
Fecha de Ingreso: mayo-2005
Ubicación: Elche, Alicante
Mensajes: 632
Antigüedad: 11 años, 6 meses
Puntos: 3
Bueno, hay varias maneras. La mas sencilla es usar un editor web e insertar una imagen de sustitucion. En el photoshop o similar haces dos versiones de la imagen, una normal y otra iluminada. Luego, en el editor configuras la imagen de sustitucion, la normal cuando este sin pasar el raton, y la otra cuando pases el raton por encima...
Un saludo.
__________________
Mi Blog
Mi Web
  #3 (permalink)  
Antiguo 11/06/2005, 04:42
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 14 años, 9 meses
Puntos: 770
Hola Blashete

Te pongo un ejemplo:
Código PHP:
<html>
<
head>
<
script>
function 
ilumina (obj) {
  
obj.style.filter='alpha(opacity=100)';
  
obj.style.opacity=1;
}
function 
apaga (obj) {
  
obj.style.filter='alpha(opacity=50)';
  
obj.style.opacity=.5;
}
</script>
</head>
<body>
<img src="imagen1.jpg" style="filter:alpha(opacity=50); opacity:.5" 
onmouseover="ilumina(this)" onmouseout="apaga(this)" />
</body>
</html> 
Saludos,
  #4 (permalink)  
Antiguo 23/08/2011, 00:49
 
Fecha de Ingreso: agosto-2011
Mensajes: 1
Antigüedad: 5 años, 3 meses
Puntos: 0
Respuesta: Efecto iluminacion al pasar el raton por encima

Cita:
Iniciado por JavierB Ver Mensaje
Hola Blashete

Te pongo un ejemplo:
Código PHP:
<html>
<
head>
<
script>
function 
ilumina (obj) {
  
obj.style.filter='alpha(opacity=100)';
  
obj.style.opacity=1;
}
function 
apaga (obj) {
  
obj.style.filter='alpha(opacity=50)';
  
obj.style.opacity=.5;
}
</script>
</head>
<body>
<img src="imagen1.jpg" style="filter:alpha(opacity=50); opacity:.5" 
onmouseover="ilumina(this)" onmouseout="apaga(this)" />
</body>
</html> 
Saludos,

Muchisisisimas gracias *-------------*!!!!
el codigo me funciono de maravilla, estoy muy agradecido
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 05:29.