图片局部放大

所属分类:媒体-图像

 65534  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对应的宽高。

相关插件-图像

移动端图片滤镜效果

在手机上常用到的图片滤镜效果
  图像
 28992  385

jQuery图片裁剪插件Cropper.js

功能非常强大的图片裁剪插件Cropper.js
  图像
 35513  353

SVG图像生成插件triangloid

triangloid是一个JavaScript库,可以将图像生成为多边形图像并输出成SVG格式。它是基于trianglify
  图像
 32045  335

jQuery图片合成插件

上传背景图,主图1,主图2,主图3,合成一张图片
  图像
 29510  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 ,多次点击放大图片后,会出现报错的情况

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