Hacer que las imágenes cambien de color cuando se pasa el ratón por encima

Hola

Si quieres cambiar de color una imagen, lo que se suele usar actualmente es usar iconos como tipo de letra o fuente, de manera que sea sencillo el cambio de color por CSS

Tendrías que darnos más detalles, algún ejemplo de la imagen con la que quieres trabajar por ejemplo ayudaría y podríamos descartar si puede ser por tipo de letra o por otro método

Saludos.

Hola,

Disculpe, no me he explicado bien, ahora adjunto unas capturas de pantalla con el efecto que me gustaría conseguir.

Sería una imagen cualquiera, y lo que me gustaría es que una vez que pase el mouse sobre la imagen, se viese un texto u animación. Como por ejemplo ocurre en youtube, pasas el mouse por la miniatura del video y aparece una descripción del mismo.

Puede ver los datos adjuntos para que pueda ver como me gustaría que fuese el antes y el después de las imagenes

Gracias

Un saludo

Hola Antonio,

Eso se llama 'imagen de sustitución' que se muestra bajo un evento 'onmouse' y que tiene que permitirlo tu Tema en uso y naturalmente algún addon (JetPack) o plugin que instales para hacer posible esto mismo.

Por ejemplo https://wordpress.org/plugins/img-mouseover/ si bien que este plugin hace 2 años que no se actualiza y no seria recomendable.

Revisa también este enlace (demo) por si es lo que buscas: http://wpvisualslideboxbuilder.com/

También lo puedes hacer manualmente en cada post donde quieres mostrar una imagen y que al pasar el ratón se visualice otra por ejemplo:

Saludos

Hola,

He intentado hacerlo de manera manual, pero hay algo que hago mal y no se porque, podrían por favor echarme una mano en esto?

este es el codigo que he puesto en mi página:
src=""
alt="Imagen de sustitución" width="836" height="296"
oversrc="" />

Pero no funciona, se me ven ambas imágenes,
Qué podría hacer?

Gracias por su trabajo.

Un saludo

Hola

El código que has puesto esta mal

Prueba con esto y sólo cambia las imágenes

Saludos.