fbpixel

Cómo resolver un paneo y zoom por una infografía

Hola!, tiro algo por si alguien sabe cómo resolverlo y quiere compartirlo y/o puede trabajar en conjunto por una retribución económica. Tengo que realizar una infografía. La imagen total es una habitación, un espacio de un edificio, o un parque. La idea es que al pasar el mouse por algunos elementos, aparezca información adicional relacionada a cada elemento. Encontré algo parecido pero no igual en esta página, (ir más abajo del video que no es video o no funciona :frowning: ) https://patagonia-ar.com/pages/worn-wear
En ese ejemplo el scroll va haciendo que un elemento varíe de posición y un modal con información vaya apareciendo, con el scroll arriba y abajo vamos cambiando de elementos. Lo ideal sería que un modal parezca con un mouse over, para que siempre estén visibles todos los elementos en pantalla.
Encontré una página con muchos códigos grosísimos, pero no puedo dedicarle el tiempo a aprender cómo implementarlo. El sitio destino usa divi, pero ya usé algunos códigos javascript sin problemas.
El sitio de códigos es: https://observablehq.com/search?query=zoom
Saludos!

scrollmagic is the key!

Hola María Inés… como estas?.. yo vi algo parecido en este plugin…
tal vez preferís usar código pero igualmente te lo comparto por si te llega a servir.
https://crocoblock.com/widgets/hotspots/
Saludos!
Natalia.

Gracias @Natalia_Tribuzio voy a verlo y te comento!
Parece que es solo para elementor, estoy usando divi y como permite insertar código me ayudó usar algo de javascript y css. Pero lo que tenía en la cabeza no lo hice :see_no_evil:
Gracias de <3

1 me gusta

Claro… con Elementor anda muy bien… con Divi no tengo tanta experiencia.
Suerte!
Saludos!