Efecto al pasar el cursos sobre la imagen  

HOla

Tendrías que habilitar temporalmente tu sitio web para ver el código del efecto y el código que has puesto y si tiene dependencias javascript

Saludos.

Hola.

Ya está habilitada. Perdón.

¡Gracias!

Hola

El código de cambio de imagen sólo funciona en el ámbito de producto, de manera general las dos imagenes cargan a la vez pero se oculta una de ellas al pasar el mouse, esto además lo hace con referencia a javascript cambiando al parecer la propiedad opacity

El código que quieres implementar sigue otra estrategia, tendrías que indicarnos de donde sacaste este código y en que parte de tu sitio web lo quieres poner , envía la url exacta

Saludos.

Hola, John. Gracias por contestar.

Yo quisiera que hiciera el mismo efecto que hace para los productos, tan bien como tu lo explicas.

Cogí es código (de la red) pensando que era el correcto, pero si no es así (que está visto que no), dime cuál sería el correspondiente. Quiero que haga el mismo efecto que en la sección 'productos' las imágenes colocadas en módulo 'configurador de temas', 'gancho home'. ¿Cómo sé la url exacta de esto? Te adjunto una imagen para ver si es esto exactamente lo que necesitas.

Por lo que estoy viendo, la línea de los productos que hacen este efecto es (creo)

Pero claro hay que dar bien para implementarlo correctamente y en su sitio adecuado.

¡Muchísimas gracias y espero su ayuda!

 

Hola,

¿Qué módulos estás utilizando para cargar estas imágenes de la home donde quieres hacer el efecto del cambio de imagen?

Analizando la imagen que has puesto de ejemplo, no veo que haya ningún código javascript que haga el reemplazo de la imagen. Este código tendrías que incluirlo en el propio código HTML. Si se está usando algún editor HTML para configurar el contenido del módulo tendrías que entrar en la vista HTML del mismo para poder añadir el código de forma manual.

Hola, Pablo.

El módulo es uno que está por defecto en la versión de prestasho que tengo (1.6.0.14) de la plantilla Himalia. Me meto en módulos y me voy a 'configurador de temas' y en añadir elementos, las opciones que me da.

He hecho una prueba después de leer tu comentario (llevas razón), he pensado, y casi me sale. La página está activada para que veas el efecto. Te adjunto unas capturas para que veas dónde estoy.

Apuntar que la imagen de atrás no consigo ponerla a la medida que le estoy dando.

¡Gracias por el interés y ayuda!

Hola,

El problema está en que estás utilizando el código usado para las imágenes de los productos para tratar de hacer tu reemplazo de imagen, y este código está pensado para ser utilizado específicamente por las imágenes, por lo que en otros lugares te generará errores de diseño como el que tienes ahora.

Tendrías que probar a utilizar un código como el del primer mensaje de este hilo, ya que puede que sí funcione.

Hola, Pablo.

Pues sí, puede ser, pero con ese código estaba casi que lo conseguía y con el que yo puse al principio, no para de darme error. Hago pruebas, modifico, miro si falta o sobra alguna comilla o palabra, pero me dice una y otra código no válido. Estoy alojando las imágenes en diferentes sitios para ver si fuera eso, pero tampoco.

¿Alguna ayuda con el código u otra que me sirva definitivamente?

¡Gracias y saludos!

Hola,

Analizando las 4 imágenes de la página de inicio no veo que ninguna tenga el código que habías indicado inicialmente. Sin embargo, sí que estaba el código que habías puesto cuando probaste el sistema de rollover que usan las imágenes de los productos.

Asegúrate de que has puesto el código en el lugar correcto, ya que no se ve cargando.

Hola, Pablo.

¿Te refieres a este código:?

Así, aún viendo si falla o sobra alguna comilla, letra o enlace de la imágen, me da "Contenido no válido". Este código lo pongo en el cuerpo de 'edición HTML opcional' que me da el módulo.

¿O a este otro, que es el que tienen las imágenes de los productos:?

Este, como resultado, poniéndolo en el mismo cuerpo opcional para HTML, me da la captura que te comenté. Las dos imágenes con efecto incluido, pero la que queda atrás, no encaja en las medidas y no consigo modificarla.

¡Saludos y perdona mi torpeza por momentos!
¡Espero tu ayuda!
¡Gracias!

Hola

Tal como te comentó Pablo al parecer el segundo código te será más dificil de implementar en otro lugar, será mejor trabajar con el código inicial

El código que comentaste al inicio es este, asegurate de que las rutas a las imágenes sean válidas
http://www.sitepoint.com/web-foundations/onmouseover-html-element/

Saludos.

Hola.

Cojo el código y lo pongo tal cual. Estoy utilizando imágenes de distinto sitios para comprobar si el error es la URL de las imágenes, pero nada, me dice que Contenido no válido.

El tema es que debería servir la simple línea, pero ya dudo de aquí valga, porque en el mismo enlace dice:

Note that this event attribute cannot be applied to the following elements:

applet
base
basefont
bdo
br
font
frame
frameset
head
html
iframe
isindex
meta
param
script
style
title

Pero yo me pregunto que si esta línea está hecha para poder aplicarse en HTML, por qué se dice que no vale.
Por más que lo intento, no me sale. Yo pongo esto, que son las dos imágenes que quiero. Son dos imágenes alojada en mi cuenta de dropbox

¡Saludos y espero de vuestra ayuda!
¡Muchas gracias!

Hola David,

¿Has probado con imágenes que estén en tu Hosting y que no tengan que leerse desde DropBox?

Saludos

Hola.

Estoy probando y probando, con imágenes del hosting como de fuera (dropbox, flickr...), pero nada. Me estoy dando cuenta de que la acción 'onmouseover' y 'onmouseout', son las que me dicen que ¡contenido no válido. Pasen por la web y miren como tengo el efecto ahora mismo.

De todas formas, aparte de terminar por encontrar la solución, ¿me podrían poner un ejemplo de cómo sería con una imagen almacenada en mi host de prestashop?

¡Gracias y espero de vuestra ayuda!
¡Saludos!