...

前 言 　　我们大家经常逛各种电商类的网站，商品的细节就需要用到放大镜，这个大家一定不陌生，今天我们就做一个图片放大镜的插件，来看看图片是如何被放大的…… 先看一下我们要是实现的最终效果是怎么样的 ↓ 看完效果，大家有思路了吗，没有的话 ...

HTML代码： CSS布局：imgbig.css js实现： ...

插件下载地址：http://bootstrap-viewer.leftso.com/ ...

...

，以及href参数与img的src参数一致（是为了让放大的图片和未放大图片显示内容一致，可以自己试着不填写一致， ...

Enlarge.js 是一个基于 jQuery 的插件，可以非常方便地实现图放大镜的效果，适用于大多数商品类 ...

今天练习一个小demo, 从本地读取图片， 然后实现类似淘宝放大镜的效果， 再加两个需求 1 .可以调节缩放比例，默认放大两倍 2 . 图片宽高自适应， 不固定宽高 话不多说先看效果： 原理：1， 右侧放大区域的大小等于左侧半透明滑块大小乘以缩放倍数 　　　2， 右侧 ...