Responsive Image Maps

Categories

Component ID

2292051

Component name

Responsive Image Maps

Component type

module

Maintenance status

Development status

Component security advisory coverage

covered

Downloads

3275

Component created

Component changed

Component body

Enables easy use of the jQuery RWD Image Maps plugin which:

Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize

Installation

To install jQuery RWD Image Maps:

  1. Download the latest version of the jQuery RWD Image Maps plugin and extract it to sites/all/libraries or sites/sitename/libraries as you require. The extracted folder must be named responsive-imagemaps. The only required file is jquery.rwdImageMaps.min.js
  2. Enable Responsive Image Maps and it's dependency (Libraries 2.x).
  3. If you prefer the library to only be loaded on certain pages (recommended) configure it at admin/config/media/responsive-imagemaps.