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!

All versions