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