Tengo una imagen mu...
 
Avisos
Vaciar todo

Tengo una imagen muy grande en mi web que me gustaría mapear de modo responsivo

4 Respuestas
3 Usuarios
0 Reactions
437 Visitas
Rosario
Respuestas: 1246
Noble Member
Topic starter
 

Tengo las coordenadas de cada zona activa a través de dreamweaver, pero cuando lo integro en la web empastando el código me encuentro con que las coordenadas no sirven en dispositivos móviles porque no se los mapas de la imagen no se redimensionan.
¿Conocéis alguna extensión que ayude o algún modo de conseguirlo?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 27/05/2017 5:01 pm
Pepe
 Pepe
Respuestas: 41101
Illustrious Member Admin
 

Hola Rosario.

¿ Puedes adjuntar alguna captura con lo que quieres indicarnos y una URL donde podamos verlo ?

Te agradezco tu colaboración, contar con toda la información que puedas darnos nos ayudará a darte más rápidamente una solución.

Un saludo


 
Respondido : 27/05/2017 7:27 pm
Rosario
Respuestas: 1246
Noble Member
Topic starter
 

La imagen grande está en la URL que he incluido antes, la vuelvo a incluir. Se trata de que al pasar por los distintos círculos la imagen esté activa y lleve a distintas secciones. Para ello puedo crear un mapa de imagen con dreamweaver, pero en móviles las coordenadas del mapa se descolocan. ¿Hay alguna extensión que ayude a hacer los mapas de imagen responsivos?.

alhma.com/alhma-h-21/resumen-grafico


 
Respondido : 28/05/2017 12:04 am
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Rosario,

De entrada debo decirte que la imagen "es enorme" y esa imagen al cargar en dispositivos móviles tiene que ser un problema, sobre todo para el plan de datos de la persona que acceda a tu web para ver esa imagen.

1.534px × 5.267px (escalado a 1.908px × 6.551px)

Lo de mapear imágenes hace como bastante tiempo que ya no se lleva, de hecho creo que a día de hoy es difícil encontrar webs que utilicen imágenes mapeadas que enlacen a diferentes elementos.

Una opción que yo utilicé en este artículo:

- Correo de cPanel, conoce todas sus funciones - https://www.webempresa.com/blog/conoce-todas-funciones-correo-cpanel.html

Concretamente en la imagen que aparece en el apartado ¿Que funcionalidades de Correo tienes en cPanel? fue utilizar un servicio online para mapear la imagen y añadirle diferentes comportamientos, como habrás podido ver en mi imagen.

La herramienta online es: https://www.thinglink.com/?buttonSource=badgeButtonBox

Si encuentras alguna extensión para Joomla que sirva para tu versión concreta de Joomla, será de pago, ya que gratuitas este tipo de herramientas no es habitual encontrarlas.

Saludos


 
Respondido : 28/05/2017 12:44 am