A tiny and easy-using jQuery plugin for zooming images

• Quick start
• Options
• Attentions
• License

• 使用说明
• 配置选项
• 注意事项
• 开源协议

$ npm install jzoom

$ bower install jzoom

<script src="jquery.min.js"></script>
<script src="jzoom.js"></script>

Call the plugin on an image's container as simple as

$('#container').jzoom();

All done !

Custom the plugin with available options which are listed below.

$('#container').jzoom({
    option: value,
    option2: value2,
    ...
});

1. No CSS needed.

2. The container will be added position: relative if it's not positioned.

3. For getting best effect, the big image and the zoomed image should be requested:

   • filenames: If the filename of the zoomed image is "image", then the big image should be "image + suffix name".
   • types: The same types were recommended because some bugs may appear on IE.
   • In same folder.

MIT License

$ npm install jzoom

$ bower install jzoom

<script src="jquery.min.js"></script>
<script src="jzoom.js"></script>

然后在想要放大的图片的容器上调用插件，

$('#container').jzoom();

即可实现默认效果。

自定义插件时，需要在方法中传入一个对象，可配置的选项列于下表。

$('#container').jzoom({
    option: value,
    option2: value2,
    ...
});

1. CSS部分代码已完全集成到JS代码中。

2. 如果图片容器没有进行定位，则会默认添加position: relative属性。

3. 大图与原图之间需要有一定的对应关系：

   • 名称：如原图的文件名为image，则大图的文件名需为“image + 后缀名” 。
   • 格式：大图与原图的格式建议相同，因为在IE下有时会出现bug。
   • 位于同一目录下。

基于 MIT 协议。