Responsive Image Map Generator For Mac

Posted on  by

image-map.js is a responsive image map plugin for jQuery which makes clickable areas within the image map auto resize depending on the current viewport size.

Licensed under the Apache-2.0.

Installation:

HTML image maps are one of the best ways to add multiple links to a single image. HTML maps are fully supported by all browsers. Below you can find a free tool that will allow you to generate an HTML map in the easiest way possible- just draw the areas and give them the links, alts and targets. The system will generate the HTML map code for you.

  • Jul 19, 2020.
  • Responsive Image Map Generator Enter the path to an image in the field, add and reposition links over the image. As you make changes, HTML will output below with percentage based absolutely positioned elements.
  • Basic online html image mapper tool. No software to download. Use images from the web or your PC. Load the image, map out your links and get the code! The Best and most Simple online image mapper.
  • Responsive, dynamic image maps. Contribute to clarketm/image-map development by creating an account on GitHub. Responsive, dynamic image maps. Add an image-map to your html page (either create one yourself or try the online image map generator). An image-map is an image with clickable areas.

How to use it:

1. Embed an image into the webpage and then create your own clickable areas using area element as shown below:

2. Load jQuery library (Slim build is recommended) and the jQuery image-map.js script at the end of your html document.

3. Initialize the plugin and we're done.

4. You're also allowed implement the image-map.js library in vanilla JavaScript:

Responsive Image Map Generator For Mac

Changelog:

2020-07-19

  • v2.0.1: cleanup/simplify 'handleImageLoad' logic

2019-04-17

  • v2.0.0 - Fixed yarn

2019-09-27

  • v1.1.7 - add support for IE 9, 10, and 11

2019-06-09

  • v1.1.6 - Upgrade vulnerable dependencies

2018-12-15

  • v1.1.5 - fixed coords '0,0' on page load.

2018-10-25

  • v1.1.4 - remove unnecessary codes

2018-10-19

Mac
  • v1.1.3 - reduce bundle size by optimizing imports

2018-10-18

  • v1.0.9: make an explicit check that $ is defined

2017-11-11

  • v1.0.7: js update

2017-06-20

  • v1.0.6: compatibility with default ES6 import

2017-05-23

Responsive Image Map Creator

  • v1.0.5: fix UMD module syntax and export

Responsive Image Map Generator For Mac Windows 10

This awesome jQuery plugin is developed by clarketm. For more Advanced Usages, please check the demo page or visit the official website.

Responsive Image Map Generator

  • Prev: Create A Visual Folder Tree With jQuery - simpleTree
  • Next: Nice Alert, Prompt And Confirmation Dialog Plugin - Dialog.js