Cambiar imagen de gris a color

[zerokilled]

la forma tradicional es tener dos versiones de cada imagen: escala gris y color. por supuesto, esta forma te ocupara espacio en el hosting ya que son dos archivos distintos para la misma imagen. basicamente es cuestion de cambiar la ruta del elemento IMG utilizando el evento onmouseover. y lo mismo para reestablecer la imagen a su estado original con el evento onmouseout.

hay otra opcion que se logra con la declaracion filter en los estilos css. en esta tecnica solamente requiere de una sola imagen, a color por supuesto. pero desafortunadamente para ti solo funciona en navegadores MSIE.

desconozco si existe una tercera alternativa con el elemento CANVAS. no te lo puedo asegurar porque nunca me he interesado por este elemento pero segun viendo las cosas que se han hecho estoy casi seguro que con CANVAS se puede lograr. ahora bien, a mi entender este elemento NO esta ampliamente soportado por todos los navegadores, de ahi mi falta de interes.