Magic Zoom v3.1.19 是最新版的图片放大镜组件,非常的好用,可以任意的定义放大镜的尺寸,放大镜的显示位置,可以定义图片标题,甚至滤镜的透明度均可定义,设置参数相当丰富,可以根据自己要求DIY出不同的效果。这个组件兼容IE6以上和Firefox,代码整合简易。

1.在<head>区加入以下代码:

<link rel="stylesheet" href="magiczoom.css" type="text/css" />
<script src="magiczoom.js" type="text/javascript"></script>

2. 图片使用如下面示例:

<a href="big.jpg" class="MagicZoom"><img src="small.jpg"/></a>

如果需要不同的效果,就增加相应的代码参数,具体的参数详见官方帮助:http://www.magictoolbox.com/magiczoom_integration/

免费版的内容中会有“Please upgrade to full version of Magic Zoom”的字样,是因为这个组件中的内容是变形字符串加密过的。所以无法直接通过读源码来修改。网友ArthurXF给出了修改方法如下:

1.找到magiczoom.js最后1个括号“)”;

2.在那个括号“)”前插入:

.replace("this.innerHTML=d","this.innerHTML=''")

提示:由于Magic Zoom非免费源码,所以商业应用请使用正版。

Magic Zoom V3图片放大镜特效 仿凡客诚品商城图片细节放大展示相关推荐

  1. html简单图片放大镜,jQuery轻量级简单实用的图片放大镜特效

    zoomtoo是一款轻量级的简单实用的jQuery图片放大镜特效插件.这个图片放大镜特效在鼠标滑过骨牌的时候,在原来图片区域内部将图片放大.鼠标进入和离开图片区域时都带有淡入淡出的效果.该图片放大镜插 ...

  2. 15款商城网站常用的图片放大镜特效

    jquery图片放大镜效果制作变焦镜头图片放大查看代码 jQuery图片放大镜插件鼠标悬停图片放大镜头显示代码 jQuery鼠标滑过图片放大镜效果_淘宝图片放大镜代码 jquery jqzoom仿京东 ...

  3. html input标签 显示放大镜,JS 仿支付宝input文本输入框放大组件的实例

    input输入的时候可以在后边显示数字放大镜 JS 仿支付宝input文本输入框放大组件 * { margin: 0; padding: 0; border-width: 1px; } .parent ...

  4. jQuery仿麦包包商城图片滑动伸缩图片广告代码-20130701

    1.效果及功能说明 仿麦包包商城网站首页全屏图片上下滑动伸缩图片广告代码,设置固定时间图片滑动伸缩的图片广告代码 2.实现原理 先获得显示div的宽度高度自由在将两个图片放到div里显示每次只显示一张 ...

  5. 小程序图片自适应组件 仿微信聊天图片

    (转载请注明出处,本文章内容仅用于学习) 这几天开发小程序有个新需求,需要在聊天群中实现发送图片. 之前做聊天时已经把框架搭好,心想应该只需要后端增加上传图片的一系操作. 当然最后做出来是没问题,但是 ...

  6. 360Buy 京东商城商品价格图片识别 火车头采集京东商城图片价格识别

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...

  7. 仿京东淘宝放大镜特效 jqzoom.js

    效果图如下: HTML 文本源码: 1 <!DOCTYPE html> 2 <htmllang="en"> 3 <head> 4 <met ...

  8. 分享111个JS图片切换特效,总有一款适合您

    分享111个图片切换,总有一款适合您 下面是文件的名字,我放了一些图片,文章里不是所有的图主要是放不下..., 111个图片切换下载链接:https://pan.baidu.com/s/1iGzOzU ...

  9. 13款jQuery图片放大镜效果代码

    jQuery商城网站商品放大镜查看效果代码 jquery图片放大镜效果制作变焦镜头图片放大查看代码 jQuery鼠标滑过图片放大镜效果_淘宝图片放大镜代码 jquery jqzoom仿京东商城商品详细 ...

最新文章

  1. 自制pyBoard的I2C实验,应用MicroPython
  2. OpenCV 4.0 Dis光流算法 运动检测
  3. 李彦宏要给百度全员涨薪 连实习生都雨露均沾 :再没有行动,人都要被字节跳动给挖光了。
  4. 数据中心的“芯”竞争
  5. UOJ #590. 天天和树
  6. 【Linux内核】内存映射原理
  7. 值从哪里来_内存频率是怎么算出来的?2133MHz这么奇怪的数字是怎么来的?
  8. [Dynamic Language] Python os
  9. modbus功能码04实例_MODBUS功能码简介
  10. 简单计算机面试题库及答案_计算机面试常问问题及答案
  11. 如何管理软件测试环境
  12. CnPack源码模板功能快速添加注释
  13. 视频拍摄和剪辑经验分享|南京
  14. Smart Game Booster v5.2.0.567 FPS游戏优化加速工具
  15. python和java反射_python的反射和自省
  16. 学习三部曲:WHAT、HOW、WHY
  17. 大友克洋机器人嘉年华_大友克洋
  18. VOS为何会产生计费偏差,应该如何防范
  19. python实现图像渲染
  20. java Lambda表达式练习

热门文章

  1. 参考文献里英文人名书写示例
  2. Debian9.2 下使用vnstat查看服务器带宽流量统计
  3. 2021年继电保护考试题库及涵盖考试全部题库免费练习
  4. 对matlab的认识和理解1000字,matlab的认识、简介以及基本操作和意义.ppt
  5. 华为云易观分析《互联网出海白皮书2022》:新兴市场成掘金热土
  6. 别出心裁的店铺会员与微博营销
  7. COMPUTEX 2021线上展首周热门趋势及议题
  8. 私域流量社群电商运营sop工作步骤计划销售转化方案表格
  9. 楼宇对讲在IP网络中的发展
  10. Lyapunov-Krasovskii泛函中Jensen不等式和倒凸组合引理的运用