Magic Zoom V3图片放大镜特效 仿凡客诚品商城图片细节放大展示
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图片放大镜特效 仿凡客诚品商城图片细节放大展示相关推荐
- html简单图片放大镜,jQuery轻量级简单实用的图片放大镜特效
zoomtoo是一款轻量级的简单实用的jQuery图片放大镜特效插件.这个图片放大镜特效在鼠标滑过骨牌的时候,在原来图片区域内部将图片放大.鼠标进入和离开图片区域时都带有淡入淡出的效果.该图片放大镜插 ...
- 15款商城网站常用的图片放大镜特效
jquery图片放大镜效果制作变焦镜头图片放大查看代码 jQuery图片放大镜插件鼠标悬停图片放大镜头显示代码 jQuery鼠标滑过图片放大镜效果_淘宝图片放大镜代码 jquery jqzoom仿京东 ...
- html input标签 显示放大镜,JS 仿支付宝input文本输入框放大组件的实例
input输入的时候可以在后边显示数字放大镜 JS 仿支付宝input文本输入框放大组件 * { margin: 0; padding: 0; border-width: 1px; } .parent ...
- jQuery仿麦包包商城图片滑动伸缩图片广告代码-20130701
1.效果及功能说明 仿麦包包商城网站首页全屏图片上下滑动伸缩图片广告代码,设置固定时间图片滑动伸缩的图片广告代码 2.实现原理 先获得显示div的宽度高度自由在将两个图片放到div里显示每次只显示一张 ...
- 小程序图片自适应组件 仿微信聊天图片
(转载请注明出处,本文章内容仅用于学习) 这几天开发小程序有个新需求,需要在聊天群中实现发送图片. 之前做聊天时已经把框架搭好,心想应该只需要后端增加上传图片的一系操作. 当然最后做出来是没问题,但是 ...
- 360Buy 京东商城商品价格图片识别 火车头采集京东商城图片价格识别
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.D ...
- 仿京东淘宝放大镜特效 jqzoom.js
效果图如下: HTML 文本源码: 1 <!DOCTYPE html> 2 <htmllang="en"> 3 <head> 4 <met ...
- 分享111个JS图片切换特效,总有一款适合您
分享111个图片切换,总有一款适合您 下面是文件的名字,我放了一些图片,文章里不是所有的图主要是放不下..., 111个图片切换下载链接:https://pan.baidu.com/s/1iGzOzU ...
- 13款jQuery图片放大镜效果代码
jQuery商城网站商品放大镜查看效果代码 jquery图片放大镜效果制作变焦镜头图片放大查看代码 jQuery鼠标滑过图片放大镜效果_淘宝图片放大镜代码 jquery jqzoom仿京东商城商品详细 ...
最新文章
- 自制pyBoard的I2C实验,应用MicroPython
- OpenCV 4.0 Dis光流算法 运动检测
- 李彦宏要给百度全员涨薪 连实习生都雨露均沾 :再没有行动,人都要被字节跳动给挖光了。
- 数据中心的“芯”竞争
- UOJ #590. 天天和树
- 【Linux内核】内存映射原理
- 值从哪里来_内存频率是怎么算出来的?2133MHz这么奇怪的数字是怎么来的?
- [Dynamic Language] Python os
- modbus功能码04实例_MODBUS功能码简介
- 简单计算机面试题库及答案_计算机面试常问问题及答案
- 如何管理软件测试环境
- CnPack源码模板功能快速添加注释
- 视频拍摄和剪辑经验分享|南京
- Smart Game Booster v5.2.0.567 FPS游戏优化加速工具
- python和java反射_python的反射和自省
- 学习三部曲:WHAT、HOW、WHY
- 大友克洋机器人嘉年华_大友克洋
- VOS为何会产生计费偏差,应该如何防范
- python实现图像渲染
- java Lambda表达式练习