https://github.com/stowball/jQuery-rwdImageMapsMuy 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.