spzoom

Simple image zoomer for jQuery

Demo

Usage

<link rel="stylesheet" type="text/css" href="jquery.spzoom.css">
<script type="text/javascript" src="jquery.spzoom.js"></script>

<a href="img/46_0923.jpg" title="medal sygnowany S.D. (Sebastian Dadler) wybity w 1636 roku" data-spzoom>
    <img src="img/46_0923_thumb.jpg" alt="thumb"/>
</a>

$(function() {
    $('[data-spzoom]').spzoom();
});

Options

option	default	description
width	250	Zoom window width
height	250	Zoom window height
position	'right'	Position of the zoom window relative to the thumb. Can be one of top/right/bottom/left
margin	20	Additional space between thumb and zoom window
titlePosition	'bottom'	Image title position (title is read from anchor title attr.). Valid values are: top/bottom
showTitle	true	Whether to display the title

Source & License

Source code can always be found at https://github.com/spajak/spzoom. Source is under the BSD 2-Clause License.