Get started with jQuery-rwdImageMaps CDN
MIT licensed
JQuery plugin: Adjustable image map size & coordinates.
Tags:- jQuery
- Image
- Maps
- responsive
Stable version
Copied!
How to start using jQuery-rwdImageMaps CDN
<!DOCTYPE html>
<html>
<head>
<title>Get started with jQuery-rwdImageMaps CDN - cdnhub.io</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-rwd-image-map/1.6.0/css/jquery.rwdImageMaps.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.cdnhub.io/jQuery-rwdImageMaps/1.6/jquery.rwdImageMaps.min.js"></script>
</head>
<body>
<img src="image.jpg" id="myImageMap" usemap="#myImageMapArea" alt="Image with map">
<map name="myImageMapArea">
<area shape="rect" coords="10,10,50,50" alt="Area 1" href="https://example.com/area1">
<area shape="circle" coords="50,50,10" alt="Area 2" href="https://example.com/area2">
</map>
<script>
$(document).ready(function() {
$('#myImageMap').rwdImageMaps();
});
</script>
</body>
</html>
Copied!
Copied!