Efecto sobre imagen con mouseover

[PeterTheWall]

Hola... ahí va mi duda diaria... creo que esta será la última! Alguien sabe si es posible aplicar algún tipo de efecto sobre una imagen ( por ejemplo de brillo ) cuando pasas el ratón por encima, y sin necesidad de emplear dos imágenes? Es decir, en mi caso me gustaría que, al pasar el ratón por la imagen, la imagen debería adquiri efecto brillo. ¿Hay alguna propiedad que cambie el aspecto de uan imagen en JS? O es obligatorio tener 2 imagenes e ir intercambiándolas según sea el evento? ( Es que yo no tengo estas imágenes, y por lo tanto no puedo editarlas ).
Gracias!

[lair]

Hola.

Prueba con algo como esto, no es brillo pero espero te sirva.

http://www.pazosblogger.com/2010/02/...rencia-en.html

Suerte.

[goteen_mx]

checate esta liga

http://www.w3schools.com/Css/css_image_transparency.asp

es con puro css y no requieres jquery

Saludos.

[PeterTheWall]

Ole! He probado vuestras dos soluciones y es justo lo que buscaba!! Primero me quedé con la opción que empleaba jquery, por que he leido que "opacity" no es estandar y puede haber navagadores que no lo pillen. pero... si de JS sé poco, de jquery nada. Así que me quedé con la opción de JS. Asumo el riesgo ( que espero que sea mínimo, sobretodo con el script que he encontrado ). El motivo? A parte de dar ese efecto quería conseguir que, al clicar sobre la imagen, esta imagen permaneciese con el efecto de brillo. Y para eso tenía que editar el script de jquery, y la verdad no sabía ni por donde empezar. Con JS en cambio sí he sido capaz ( vamos, que lo he sacado de una web, pero al menos lo entendía y lo he podido aplicar a la mia ). Os dejo el código por si alguien puede serle de utilidad:

Onmouseover:
document.getElementById("id_elemento").style.opaci ty=0.4;
document.getElementById("id_elemento").style.MozOp acity=0.4;
if (navigator.appName.indexOf("Explorer") != -1)
{
document.getElementById("id_elemento").filters.alp ha.opacity=40;
}
en el Onmouseout, los valores en lugar de ser 0.4 ( o 40 ), sería 1 ( o 100 )

Muchísimas Gracias!!!!!!!!!!

[lair]

Para que ie tambien haga esto, ya que es este el que siempre da problemas tienes que usar un filtro quedando asi:

filter:alpha(opacity=40);

esto tambien lo agregarias y quitas con document.getElement...

[PeterTheWall]

Vale! De hecho intento solucionar ese problema mediante esl siguiente código:

if (navigator.appName.indexOf("Explorer") != -1)
{
document.getElementById("id_elemento").filters.alp ha.opacity=40;
}

[PeterTheWall]

( perdón le di al enviar sin querer )

Vale! De hecho intento solucionar ese problema mediante el siguiente código:

if (navigator.appName.indexOf("Explorer") != -1)
{
document.getElementById("id_elemento").filters.alp ha.opacity=40;
}

así, IE lo trataría como tu dices, no?? empleando el "filter" "alpha". No lo ves correcto?? A mi me funciona... jeje pero sí, buen apunte el tuyo, ojalá hubiese leído antes lo del filter para IE... gracias!!!!