带缩略图多图片浏览jquery代码(带缩略图多图片浏览jquery代码是什么)

输入css代码div width 72pxheight 72pxbackground urlsmall3png norepeatoverflow hidden 3浏览器运行indexhtml页面，此时成功将矩形图片只显示了正方形部分4点击小图后，成功显示了大图。

本文主要记录如何用input标签和jquery实现多图片的上传和回显，不会涉及后端的交互，大概的效果看图效果图我们从零来做一个这样的demo第一步我们先完善一下我们的页面，默认的inputfile标签非常丑，我们美化一下它，不会的。

插件所有的代码几乎都是在调整弹窗或者图片的 widthheightlefttop ，所以兼容性问题不大，主要是 2D 旋转问题，IE 9 以下需要使用滤镜实现为了方便调整样式，其中有很多相对位置的计算Magnify 采用了文件分离的方式。