Accueil > SPIP > Navigation > Image Map jQuery RWD illuminée > Images Map responsives avec zones réactives illuminées
Images Map responsives avec zones réactives illuminées
dimanche 5 février 2017, par
Notez cet articleQuelques références sur des scripts jQuery pour des Images Map Responsives (RWD) dont deux avec zones réactives illuminées.
Sources RWD jQuery Image Maps avec zones « illuminées »
- Responsive image maps with roll-overs
February 26, 2013
RWD of Matt Stow’s responsive image jquery plugin
http://www.andensolutions.com/blog/responsiveImagePaths
- stowball/jquery.rwdImageMaps-hilight.js
rwdImagesMaps modified to allow mapHilight (buggy)
stowball, Created 4 years ago
https://gist.github.com/stowball/5299593
Sources RWD jQuery Image Maps
- Responsive Image Maps
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
https://responsivedesign.is/resources/javascript-jquery/responsive-image-maps- Responsive Image Maps jQuery Plugin
http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html
- Responsive Image Maps jQuery Plugin
- Responsive Image Map
https://avexdesigns.com/responsive-image-map/
- jQuery-rwdImageMaps
Responsive Image Maps jQuery Plugin
stowball, 18 Oct 2016
https://github.com/stowball/jQuery-rwdImageMaps
- image-map-resizer - Responsive HTML Image Maps
davidjbradshaw, 2 months ago
https://github.com/davidjbradshaw/image-map-resizer
- image-map-resizer
Make the HTML image map responsive, so the map scales with the image
Copyright © 2014-15 David J. Bradshaw. Licensed under the MIT license.
https://www.npmjs.com/package/image-map-resizer- Automagically resizing imageMap
Resize window and the HTML ImageMap will scale with the image.
http://davidjbradshaw.com/imagemap-resizer/example/ - Image Map Example
http://html.cita.illinois.edu/text/map/map-example.php
- Automagically resizing imageMap
- Image Map Resizer
by David J. Bradshaw
Keep HTML Image Maps scaled to the size of an image. It detects the window being resized and updates the co-ordinates of the image map.
https://plugins.jquery.com/imageMapResizer/
- 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.
http://www.zaneray.com/responsive-image-map/
- Responsive Image Map Creator
http://image-map.weebly.com/
- Responsive Image Hotspots Creator
http://www.inabrains.com/tooltip/image-hotspot-creator.html
http://www.inabrains.com/tooltip/examples/image-hotspot.html