Cita:
Iniciado por sprwilly 
Hola, creo que la opción más sencilla es hacerlo utilizando este [URL="https://github.com/stowball/jQuery-rwdImageMaps"]plugin jQuery[/URL] es muy sencillo de usar, simplemente subes el plugin a tu server y pones el código que te pongo a continuación antes de cerrar el body.
Código HTML:
<img />
<map>
<area>
<area>
...
</map>
<!-- Código para convertir en responsivo un objeto map -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.rwdImageMaps.min.js"></script>
<script>
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
</script>
</body> Saludos ;)
Hola, necesito incrustar una imagen mapeada como firma de mi correo electrónico en outlook 2013. El mapeo lo he realizado con (https://www.image-maps.com/) y con el código obtenido y lo comentado por ti me ha quedado así:
Código:
<img alt="" border="0" height="300" id="Image-Maps-Com-image-maps-2015-04-27-031841" orgheight="300" orgwidth="900" src="https://lh4.googleusercontent.com/-4yfZe9QrrzA/VSjk6uwoH2I/AAAAAAAAAXQ/-GM0msE7w-I/w900-h300-no/Dom%C3%B3tica%2BKNX.jpg" usemap="#image-maps-2015-04-27-031841" width="900" />
<map id="ImageMapsCom-image-maps-2015-04-27-031841" name="image-maps-2015-04-27-031841">
<area alt="" coords="25,108,162,136" href="http://www.image-maps.com/" shape="rect" style="outline: none;" target="_self" title=""></area>
<area alt="" coords="24,135,136,161" href="www.google.es" shape="rect" style="outline: none;" target="_self" title=""></area>
<area alt="" coords="21,165,133,191" href="www.hotmail.com" shape="rect" style="outline: none;" target="_self" title=""></area>
<area alt="" coords="22,192,134,218" href="www.gmail.com" shape="rect" style="outline: none;" target="_self" title=""></area>
<area alt="Image Map" coords="898,298,900,300" href="http://www.image-maps.com/index.php?aff=mapped_users_50175" shape="rect" style="outline: none;" title="Image Map"></area>
</map>
<!-- Código para convertir en responsivo un objeto map -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.rwdImageMaps.min.js"></script>
<script>
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
</script>
Después he ido a donde outlook guarda las firmas, he abierto el archivo html con el bloc de notas y he pegado ese código. Pero cuando lo mando por correo y llega a un móvil o tablet, sigue sin funcionar correctamente.
Puedes echarme una mano con esto?
Gracias de antemano,