Cambio de imagen al...
 
Avisos
Vaciar todo

Cambio de imagen al pasar el ratón

12 Respuestas
5 Usuarios
0 Reactions
3,362 Visitas
Respuestas: 52
Trusted Member
Topic starter
 

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


 
Respondido : 10/11/2015 9:24 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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.


 
Respondido : 10/11/2015 10:06 pm
Respuestas: 52
Trusted Member
Topic starter
 

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


 
Respondido : 10/11/2015 10:55 pm
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

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.


 
Respondido : 11/11/2015 12:45 am
Respuestas: 52
Trusted Member
Topic starter
 

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


 
Respondido : 11/11/2015 8:13 am
Jordi Sala
Respuestas: 12058
Illustrious Member 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


 
Respondido : 11/11/2015 9:06 am
Respuestas: 52
Trusted Member
Topic starter
 

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


 
Respondido : 11/11/2015 9:18 am
Jordi Sala
Respuestas: 12058
Illustrious Member 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


 
Respondido : 11/11/2015 10:07 am
Respuestas: 52
Trusted Member
Topic starter
 

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


 
Respondido : 11/11/2015 11:11 am
Pablo Velasco
Respuestas: 20382
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:

 


Esta publicación ha sido modificada el hace 6 años 2 veces por antonio
 
Respondido : 11/11/2015 2:17 pm
Respuestas: 52
Trusted Member
Topic starter
 

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


 
Respondido : 11/11/2015 3:19 pm
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 11/11/2015 3:33 pm