图片局部放大

所属分类:媒体-图像

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

相关插件-图像

可视化的交互图形库Cytoscape.js

Cytoscape.js ? 用于数据分析和可视化的交互图形库
  图像
 53801  343

Beer Slider一款轻量级的图片对比插件

它的基本目的是比较图像的两个版本,例如在两个不同时刻拍摄的相同对象,预编辑的照片及其处理版本,草图和完成的插图等。
  图像
 28309  358

jQuery图片裁剪插件Cropper.js

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

canvas图片+文字合成

canvas图片+文字合成,实现照片合成效果,界面有点丑但是功能OK的。
  图像
 47133  362

讨论这个项目(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 ,多次点击放大图片后,会出现报错的情况

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