图片局部放大

所属分类:媒体-图像

 65377  458  查看评论 (6)
分享到微信朋友圈
X
图片局部放大 ie兼容6

更新时间:2019-08-07 11:23:26

更新说明:使用方法修改


图片局部放大效果,鼠标移到产品图片上可局部放大,点击图片可浏览完整产品大图,鼠标移动到左侧箭头可上下滚动缩略图,兼容主流浏览器

使用步骤

1. head区域引用文件 mzp-packed.js,jq22.css,magiczoomplus.css

2. 在你的文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

3. jq22.js要在代码后面加载

4. 如须修改放大后图片显示的大小,请修改magiczoomplus.css样式表里.MagicZoomBigImageCont img对应的宽高。

相关插件-图像

基于HTML5 Canvas实现的图片马赛克模糊特效

基于HTML5 Canvas实现的图片马赛克模糊特效
  图像
 29881  306

jQuery图片裁剪插件Cropit

Cropit 是款自定义裁剪和缩放图像的jQuery插件
  图像
 44426  341

jQuery钢笔抠图插件(原创)

通过Canvas实现钢笔抠图效果
  图像
 21109  280

jquery.photoClip图片裁剪添加旋转 缩放按钮功能

项目上用的jquery.photoClip 插件,为了更好的用户体验 需要添加 旋转 缩放按钮功能,所以在原有的基础上添加了点功能,希望能帮助各位,写的不好 海涵!
  图像
 28773  319

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    小白(?_?) 0
    2018/5/15 11:23:05
    点击多次跳转undefined
    是jq22.js里面的
    jQuery('main_img').onclick = function () {location = this.link;}
    这句引起的
    回复
    颜小路 0
    2018/2/24 15:00:43
    有图片1920×1200,原比例设置成(384×240)显示在页面上,鼠标操作悬浮,左边模糊的选中范围是长方形,右边放大的区域是正方形,百度说修改mzp-packed.js里面280px就好。但是发现这两个区域尺寸之间有联系的,问下楼主大神怎么修改? 回复
    等心静如你丶丿 0
    2017/9/3 16:45:00

    请问为什么手机竖着拍的图片用这个加载后自动变成横向的了,怎么解决

    回复
    雪域 3
    2017/3/8 16:25:29

    mzp-packed.js中有bug,

    while(tag.tagName!="BODY"&&tag.tagName!="HTML")

    报错了。应改为:

    while(tag&&tag.tagName!="BODY"&&tag.tagName!="HTML")
    回复
    白色的情 0
    2017/2/20 13:50:31

    代码做的不太方便 希望优化一下。

    回复
    SiriBen 0
    2017/2/5 15:20:50

    点击放大图片,再点击缩小,再点放大。。。。循环三五次后,报404,不过效果还是挺不错的

    回复
    走在希望的路上 0
    2015/2/16 0:02:05
    右边展示的局部放大框怎么改变位置,弄了半天也不行 回复
    济公 0
    2014/7/26 18:10:00

    貌似有个bug ,多次点击放大图片后用Google、ie、uc浏览器都出现这个情况,应该是脚本有问题,还有请问在哪里修改图片放大的倍数?

    回复
    JQ剑圣 0
    2014/7/16 20:18:00

    请问楼上用的是什么版本的浏览器,我在ieTester下各个版本测试都正常

    回复
    济公 0
    2014/7/16 17:55:00

    貌似有个bug ,多次点击放大图片后,会出现报错的情况

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复