jquery实现一个图片放大镜功能 ，提示使用offset()

Question

当鼠标放置在对应缩略图上时，图片下方出现对应大图。提示使用offset()

Answer 1

可以使用fancyBox,效果做出来是一样的：
特点

1、允许我们用鼠标和键盘上的四个方向键切换图片
2、可以根据当前窗口大小自动调整弹出框的大小，当我们改变浏览器窗口大小时，将会看到弹出框自动缩放了
3、支持缩略图和按钮帮助导航
4、弹出框支持显示多种类型的内容（图片，html，视频……）
请下载demo中的文件（建议下载网盘中的，已经经过整理），查看index.html中的源代码，提取你想要的效果的js和html代码。

还可以参加参数列表进行自定义设置。

使用步骤

1、下载插件并解压，复制文件并在你的页面中包含相关的脚本和样式文件，注意js和css文件的路径，（其实有些文件是可选的）

2、创建包含有将要在fancyBox中打开的元素的路径的a标签，大家可以注意到，这里面包含了两张图片，一张小图和一张大图，如果嫌麻烦的话，完全可以设置成一张图片，只需要控制各自的大小即可。只不过这样会在一定程度上加大页面的负担。

<;/a>

3、当页面文档被加载完毕后执行fancyBox函数

$(document).ready(function () { $( ".fancybox").fancybox(); });