start copy from cimac web
This commit is contained in:
@@ -0,0 +1,34 @@
|
||||
# jQuery RWD Image Maps
|
||||
[](https://cdnjs.com/libraries/jQuery-rwdImageMaps)
|
||||
|
||||
### 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
|
||||
|
||||
---
|
||||
|
||||
#### Usage:
|
||||
|
||||
* If possible, add [correct, unitless](http://dev.w3.org/html5/markup/img.html) `width` and `height` attributes to your image map images. You can override these in CSS to make them responsive.
|
||||
* Add a link to jQuery in your page, preferably at the bottom just before the closing `</body>`
|
||||
* After jQuery, either in a `<script>` block or a separate file, call:
|
||||
|
||||
```js
|
||||
$('img[usemap]').rwdImageMaps();
|
||||
```
|
||||
|
||||
You may also want to wrap it inside a `$(document).ready()` function, like so:
|
||||
|
||||
```js
|
||||
$(document).ready(function(e) {
|
||||
$('img[usemap]').rwdImageMaps();
|
||||
});
|
||||
```
|
||||
|
||||
#### Demo:
|
||||
|
||||
http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html
|
||||
|
||||
---
|
||||
|
||||
Copyright (c) 2016 [Matt Stow](http://mattstow.com)
|
||||
Licensed under the MIT license *(see [LICENSE](https://github.com/stowball/jQuery-rwdImageMaps/blob/master/LICENSE) for details)*
|
||||
Minified version created with Online YUI Compressor: http://www.refresh-sf.com/yui/
|
||||
Reference in New Issue
Block a user