poner imagen en blanco y negro en html5

[bloguero]

escuche que en Mejoradola, su fondo de su pagina que es una imagen, cuando le clikean, pasa hacer la misma imagen pero en blanco y negro(fondo tambien) y esto lo hicieron con HTML5, estube investigando un poco pero aun no he podido encontrar la solucion, tienen idea de como hacerlo?
saludos

[maycolalvarez]

eso es porque debe ser parte de CSS3, recuerda que HTML5 conglomera una serie de tecnologías y estándares

[emprear]

Aplicar escalas de grises a una imagen, se consigue mediante varias técnicas, pero no tienen por que asociarse al uso de HTML5.
También hay dificultades en el uso de la propiedad filter de css, ya que Chrome y Safari, en sus versiones estándar no las reconocen.

Probablemente, uno de los mejores resultados se consigue con una script llamada grayscale.js, si bien se la suele asociar con un plugin de Jquery, no lo es.
En caso de imágenes muy grandes, hay que tener cuidado, porque el proceso puede crear delays (demoras) imprevistas.
Es compatible con IE7,8,9,Crhome, Opera, firefox y Safari.

En cuanto a la alternancia en el evento onclick, también se consigue con javascript.
Por supuesto, siempre queda una solución más elemental, que es de disponer de dos imágenes, y hacer una simple substitución.

Demo
http://foros.emprear.com/css/bgcolor_a_gris/

Saludos

[bloguero]

Iniciado por emprear

Aplicar escalas de grises a una imagen, se consigue mediante varias técnicas, pero no tienen por que asociarse al uso de HTML5.
También hay dificultades en el uso de la propiedad filter de css, ya que Chrome y Safari, en sus versiones estándar no las reconocen.

Probablemente, uno de los mejores resultados se consigue con una script llamada grayscale.js, si bien se la suele asociar con un plugin de Jquery, no lo es.
En caso de imágenes muy grandes, hay que tener cuidado, porque el proceso puede crear delays (demoras) imprevistas.
Es compatible con IE7,8,9,Crhome, Opera, firefox y Safari.

En cuanto a la alternancia en el evento onclick, también se consigue con javascript.
Por supuesto, siempre queda una solución más elemental, que es de disponer de dos imágenes, y hacer una simple substitución.

Demo
[url]http://foros.emprear.com/css/bgcolor_a_gris/[/url]

Saludos

Si, pero yo quisiera hacerlo en html5 ;)

[emprear]

@bloguero

Esto no se relaciona con html5, pero si lo querés en html5, ahora está hecho en html5