JDZoom is a MooTools powered hover zoom / magnifier similarly styled to the one featured on Endless.com.
It is supported by IE6+, Firefox 2.5+, Safari 2+ and Chrome
It does not interfere with click though, such it can be used in conjunction with almost any lightbox. In fact by altering the selector when you instantiate it, most lightboxes can be extended with JDZoom without touching the HTML at all. See the advanced demonstration for more details.
JDZoom requires MooTools, and is Compatible with 1.2.5+ and 1.3+
It does not require any components of MooTools More.
Click here for the Github repository.
<html>
<head>
<link href="css/jdzoom.css" rel="stylesheet" type="text/css" />
<script src="js/mootools.js" type="text/javascript"></script>
<script src="js/jdzoom.js" type="text/javascript"></script>
<script type="text/javascript">
window.addEvent('load',function() {
var jdz = new JDZoom();
});
</script>
</head>
<body>
<a rel="jdzoom" href="images/venus.jpg"><img src="images/venus_thumb.jpg" /></a>
</body>
</html>| Build | Date | Message |
|---|---|---|
| v0.9.1 Download | Added Options: Magnified Position Option Added options: fixed/float Cancel Click Option Added boolean, prevents default on an images anchor Misc Code Cleanup... Fixed "endless.com" style added index.html demo's updated - shows many different options and settings in action. | |
| v0.9 Download | Large Rework of Functionality - Chrome compatability added - Zoom box to magnified result math corrected - Image preloaded - Div now hovers over image rather than replacing - Selector option added allowing an element, array of elements, or a string selector to be passed. - Internet Explorer Compatability fixes. | |
| v0.1 Download | README.md and .gitignore added |