Efecto iluminacion al pasar el raton por encima

Blashete · #1 (**permalink**) 10/06/2005, 01:44

Como hacer que al pasar el raton por encima de una imagen que contenga link se me ponga como iluminada toda? Gracias

luisch125 · #2 (**permalink**) 10/06/2005, 07:46

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.

JavierB · #3 (**permalink**) 11/06/2005, 03:42

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,

Ritsuka_Aoyagi · #4 (**permalink**) 22/08/2011, 23:49

Cita:

Iniciado por JavierB

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