Acceso imagen

[alvaro_trewhela]

Estimados se puede acceder al contenido de una imágen, es que quiero hacer cambios a un color en especifico a modo "telón verde" de cine. Eso, saludos, y gracias

[Triby]

Solo con CSS sería difícil ( no me atrevo a decir imposible ), pues lo ideal sería usar imágenes con fondo transparente.

Buscando un poco, encontré esto: Chroma key - Canvas + Javascript, espero te sirva.

[alvaro_trewhela]

Muchas gracias por la aclaración, voy a revisar.

Mira todo esto es porque tengo un menú horizontal, en que ocupo una imagen de fondo y esta con fondo transparente y abajo una línea de color para que al hacer hover sobre el item aparezca esta en el item, entonces lo que pido es para poder hacer cambios de color sin tener que tocar la imágen sino un css. pero me queda claro.

Muchas gracias

Creo que con tu respuesta puedo hacer movimientos js para lo que quiero, así que lo daré por solucionado.

Saludos.

[Rafael]

No necesitas hacerlo con Js, hazlo con css.

La lógica es que tienes un contenedor y uina imagen transparente arriba.

Código HTML:

<div>
  <img />
</div>
 

Cambia entonces ese div.

Código CSS:

div:hover {background-color: red;}
 

Obviamente le tienes que asignar un class, pero en realidad es muy simple.

[alvaro_trewhela]

Pero si la imagen es transparente no quedaría de color rojo?

[Triby]

Si es para un menú, coincido en que sería mejor buscar hacerlo solo con CSS; tal vez si muestras imágenes de lo que deseas lograr sea más fácil sugerirte algo sencillo.