Esta demo te muestra como, con un poco de imaginación y conocimientos de software de animación, puedes crear pequeñas animaciones para darle vida a tu plano.

Se trata de un plano con interacciones sencillas en el que solo se muestra el nombre de las atracciones y una breve descripción de las mismas, ¡tú puedes complicarlo todo lo que quieras!.


Todo el plano es un vector de Fiesta creado por macrovector – www.freepik.es

A continuación tienes una tabla con las características principales de esta demo.

Tema
Cartoon
CSS extra

Se han hecho dos ajustes:

.tooltip_template_48{
text-align:center;
}
#mppl-plan-66 .mppl_panel_info_overlay.panel_template_48{
background-color:rgba(255,255,255,0);
}
Marcadores

5 marcadores.
Las animaciones (creadas con software externo) se han colocado como marcadores de imagen que se muestran solo al colocar el cursor sobre ellas.

¿Has descubierto la palmera bailonga?

Plantillas

Se han creado dos plantillas de marcador:

  • Una para los elementos con información, que muestran un pequeño tooltip o un modal si estás en dispositivo táctil.
  • La segunda es para mostrar una animación sin más… nuestra palmera bailonga
Zoom
habilitado (2)
Plantas
1
Panel
Se ha usado en los dispositivos táctiles
Tooltip
Se usa en los ordenadores o dispositivos no táctiles
Lightbox
No se ha usado en esta demo.

Si lo deseas también puedes ver otras demos.