
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.
Listado de entradas
