Cambio de imagen al pasar el ratón  

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/

Saludos.

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

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.

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

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

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

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, 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

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:

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

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.