23 noviembre 2022
BABEL - Corporativo, UX Avanzado
https://github.com/stowball/jQuery-rwdImageMaps
Muy interesante y útil! Lo hemos implementado en Orange, y funciona muy bien. Podéis ver un ejemplo aquí.
He dejado una copia del código en \\@RECURSOS@JQUERYMapear imagenes RWD
Para implementar el código, hay que enlazar en el HEAD de la página el script y activarlo:
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
En el contenido HTML, poner una imagen con su código
Y en la CSS:
Muy interesante y útil! Lo hemos implementado en Orange, y funciona muy bien. Podéis ver un ejemplo aquí.
He dejado una copia del código en \\@RECURSOS@JQUERYMapear imagenes RWD
Para implementar el código, hay que enlazar en el HEAD de la página el script y activarlo:
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
En el contenido HTML, poner una imagen con su código
Y en la CSS:
img.mapeado-responsive {
display: block;
height: auto;
max-width: 600px;
width: 100%;
}
Tuve que hacer varias pruebas porque si le pones los estilos antes de seleccionar el área de mapeado te da problemas.
Otros artículos destacados
¡Recibido!
Gracias por rellenar el formulario. Se han enviado los datos correctamente.