ImageMapResize

jQuery Plugin to Scale Client Side Image Maps for Responsive Web Design

Project Goal

Make client side image maps work in responsive websites. Keep the implementation of the plugin as simple as possible and keep the size of the plugin as small as possible.

Example

Three different shapes linking to three different search engines. They should continue to work as the window size changes. Image Map Sample

The Problem

Since client side images maps are created for an image at its unscaled size when you scale an image up or down in responsive design the coordinates no longer work.

The Solution

Solve this problem with a simple jQuery plug-in. The plugin will store the original coordinates and scale them with the image as the page resizes. The scaling will only work when the aspect ratio of the image is preserved.

malaysian hair loose wave how to apply flat tip hair extensions ladies wigs uk bright red hair extensions clip in easy natural hairstyles for medium hair cheap hair wigs zala hair extensions ombre review bleach blonde hair extensions cheap hair extensions malaysian full lace wigs with baby hair afro caribbean hair shop near me remy hair extensions semi permanent eyelash extension course black half wig human hair extensions uk