https://github.com/donatj/jdzoom
A JavaScript Zoom application
https://github.com/donatj/jdzoom
zoom-images
Last synced: 8 months ago
JSON representation
A JavaScript Zoom application
- Host: GitHub
- URL: https://github.com/donatj/jdzoom
- Owner: donatj
- License: mit
- Created: 2010-06-07T16:14:04.000Z (over 15 years ago)
- Default Branch: master
- Last Pushed: 2019-02-04T17:15:16.000Z (over 6 years ago)
- Last Synced: 2025-01-11T16:49:05.822Z (10 months ago)
- Topics: zoom-images
- Language: JavaScript
- Homepage: http://donatstudios.com
- Size: 632 KB
- Stars: 1
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
JDZoom
======
JDZoom is a small MooTools plugin that enlarges a hovered portion of an image in a small detail box.
How to Use
----------
There are no required parameters, but it will accept a single parameter object.
- selector - *what to apply JDZoom on*
- **Default**: 'a[rel=jdzoom]'
- **Accepts**: Selector String, Element, Array of Elements
- classes
- placeholder - *Placeholder div which holds all the fun*
- **Default**: 'jdz_img'
- looking_glass - *The box hiliting the zoomed section*
- **Default**: 'jdz_looking_glass'
- magnified - *The div holding the magnified image*
- **Default**: 'jdz_magnified'
- cancel_click - *Whether to prevent default on the anchor click*
- **Default**: true,
- **Accepts**: Boolean
- magnified_pos - *positioning of magnified version*
- **Default**: 'float'
- **Accepts**:
- 'float' - *Follows mouse*
- 'fixed' - *To the right of image, unless width does not allow*
We use the load event rather than domready to ensure images are loaded. Causes issues in Webkit otherwise.
```js
window.addEvent('load',function() {
var jdz = new JDZoom();
});
```
For more specific information visit [https://donatstudios.com/JDZoom][1]
[1]: https://donatstudios.com/JDZoom