Cambio de imagen al pasar el ratón  

 
Silvia
 Silvia
Usuario experto

Qué debo hacer ( mediante css .. ) , para que al pasar el ratón por encima de una imagen, la cambie por otra.
Las imagen está dentro de un módulo html
Estoy utilzando la plantilla Helena
Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 10/11/2015 9:24 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

Prueba usando un código como el siguiente :

Tendrías que reemplazar # en caso quieras un link y las imagenes:

http://lorempixel.com/400/200/sports/2/
http://lorempixel.com/400/200/sports/1/


Pasa el ratón para cambiar la imagen

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 10/11/2015 10:06 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Silvia
 Silvia
Usuario experto

Hola,
Me ha funcionado en el front end y luego ha dejado de hacerlo, en cambio en el backend, la imagen cambia al pasar el ratón

ResponderCitar
Respondido : 10/11/2015 10:55 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Verifica si estas utilizando algún editor. Es posible que el editor este cortando el código, prueba desactivando el editor de texto y luego inserta el código nuevamente, una opción podría ser utilizando alguna extensión.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/11/2015 12:45 am

Cursos Gratuitos WordPress

Silvia
 Silvia
Usuario experto

Hola,
He desactivado el editor pero no funciona en el front-end, alguna solución más o en su defecto extensión
Gracias

ResponderCitar
Respondido : 11/11/2015 8:13 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Silvia,

Si funcionaba quiere decir que es correcto el código que te ha pasado Jhon. Pero si has guardado el artículo utilizando un editor, es posible que haya realizado cambios en el código tal como indica Johnny, y aunque desactives posteriormente, la modificación ha sido realizada.

Vuelve a realizar nuevamente sin editor.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 11/11/2015 9:06 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Silvia
 Silvia
Usuario experto

Hola,
He vuelto a crear un módulo, insertar el código de Jhon sin editor, pero sigue sin funcionar
Gracias

ResponderCitar
Respondido : 11/11/2015 9:18 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola,

He probado copiar y pegar el código de Jhon en un módulo de Joomla! 3 y me funciona correctamente.

Por lo que creo, que hay algún momento en el que guardas código, se produce un cambio en el mismo. ¿Has comparado después de guardar si se ha modificado?

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 11/11/2015 10:07 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Silvia
 Silvia
Usuario experto

Si, los códigos no cambian, y en el modulo en la parte de administración el efecto lo realiza correctamente, es en el front end donde no lo hace ?
Un nsaludo

ResponderCitar
Respondido : 11/11/2015 11:11 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

El problema está en que estás asignando el mismo nombre (name) para todas las imágenes, y este tiene que ser único por imagen para que el reemplazo funcione bien.

Trato de explicarme: para una imagen, estás utilizando el siguiente código:

Aquí estás asignado a la imagen el nombre "sub_but". Este nombre es el que se utiliza en el código que realiza el reemplazo, con las asignaciones a "document.sub_but.src".

Si tienes otra imagen con el mismo nombre no funcionará el reemplazo, por lo que para cada una de ellas deberás tener un nombre diferente y asignar ese nombre en el código de mouseover y mouseout.

Un ejemplo sería el siguiente:

 

This post was modified hace 7 meses 2 times por antonio

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/11/2015 2:17 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Silvia
 Silvia
Usuario experto

Muchas Gracias, , el efecto lo hace ahora en el front-end, pero no me enseña una de las imágenes, no la encuentra, en cambio la veo correctamente en el módulo, en la parte de administración.
No consigo ver el problema
Un saludo

ResponderCitar
Respondido : 11/11/2015 3:19 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Tendrías que indicarnos la imagen en concreto que te da problemas para que podamos analizar su código.

Actualmente no veo que se hagan los reemplazos y las que lo hacen, no carga la imagen. Tendrías que asegurarte que has puesto la ruta correcta a la imagen de reemplazo.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 11/11/2015 3:33 pm

Cursos Gratuitos WordPress

Por favor Iniciar Sesión o Registro