欢迎光临一流素材网,免积分免费素材下载!
AD
当前位置:首页 > JS代码 > 图片特效

加强版JS放大镜插件-elevatezoom-plus

所属栏目:图片特效更新时间:2020-11-15原作者:Mithgol发布者:deepdfhy浏览:0
基本信息
  • 发布者:
  • 原作者:Mithgol
  • 来源:不详
  • 版权声明

这是elevateZoom的加强版,支持缩略图

特征

完全可定制

有色色

FancyBox-Plus和彩色盒画廊支撑

可变缩放鼠标滚动

外部控制

窗口缩放,镜头缩放和内缩放

麻省理工学院免费使用

Jquery插件

AngularJS指令:角度高度变焦

安装

1、在页面引用

<script src="jquery-1.10.2.js"></script>
<script src="jquery.ez-plus.js"></script>

2、添加代码

<img id="zoom_01" src='images/large/image1.png' />
<script>
    $('#zoom_01').ezPlus();
</script>


参数设置:

参数默认值允许值描述
responsivefalsetrue, false设置为true时启用响应式
scrollZoomfalsetrue, false设置为true时启动鼠标滚轮进行缩放
loadingIconfalsetrue, false是否启用载入图标
easingfalsetrue, false是否启用缓慢过渡
easingTypezoomdefaulttrue, false默认过渡类型是easeOutExpo:(t==d)?b+c:c*(-Math.pow(2,-10*t/d)+1)+b;继承jquery过渡类型
easingDuration2000Number过渡时长
lensSize200Number设置镜头的大小,当设置为窗口时,将会自动计算大小
zoomWindowWidth400Number放大窗口的宽度 注意:zoomType必须是Window
zoomWindowHeight400Number放大窗口的高度 注意:zoomType必须是Window
zoomWindowOffetx0Number设置Window X轴的偏移量
zoomWindowOffety0Number设置Window Y轴的偏移量
zoomWindowPosition11-16一旦定位,请使用zoomWindowOffetx,zoomWindowOffety进行调整
lensFadeInfalseNumber设置镜头淡入速度 eg:200
lensFadeOutfalseNumber设置镜头淡出速度 eg:200
zoomWindowFadeInfalseNumber设置窗口淡入速度 eg:200
zoomWindowFadeOutfalseNumber设置窗口的淡出速度 eg:200
zoomTintFadeInfalseNumber设置淡入着色的速度 eg:200
zoomTintFadeOutfalseNumber设置着色淡出的速度 eg:200
borderSize4Number镜头边框的尺寸 eg:1
zoomLenstruetrue, false设置为false隐藏镜头
borderColour#888#xxx镜头边框的颜色
lensBorder1Number镜头边框像素
lensShapesquareround,square设置镜头形状
zoomTypewindowLens, Window, Inner放大类型
containLensZoomfalseNumber在zommType为len时使用,确保镜头不会在边框外
lensColourwhite#hex, word (red, blue), or rgb(x, x, x)设置镜头背景
lensOpacity0.4Number镜头透明度
lenszoomfalsetrue, false设置镜头变焦
tintfalsetrue, false是否开启着色
tintColour#333#hex, word (red, blue), or rgb(x, x, x)设置色彩
tintOpacity0.4Number设置颜色透明度
cursordefaultdefault, cursor, crosshair设置鼠标的风格
gallerynullid设置关联缩略图
imageCrossfadefalsetrue, false设置缩略图激活时淡入淡出


标签: 放大镜 放大
代码下载
本地下载
收藏 0 有帮助 0 没帮助 0
请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

立即打赏 0
给个评价吧
最受欢迎的

1JS自动给img src添加域名前缀的代码

2可全尺寸放大随意拖动查看的看图jQuery插件-Picbox

3点击图片更换图片的代码

4像纸一样展开的效果

5css3图片变换形状特效

7JS图片翻转翻页效果代码

8产品图片360度旋转展示效果代码

9jquery hover图片滑动特效代码

10jQuery鼠标悬停图片翻牌滑动切换显示代码

最新更新的

1exzoom-一款jquery商城商品放大镜插件

2加强版JS放大镜插件-elevatezoom-plus

3三种效果的JS放大镜插件-elevateZoom

4jQuery图片放大镜效果

5jQuery图片滑动翻牌效果

6JS网页图片延迟加载代码

7css3图片变换形状特效

8jquery hover图片滑动特效代码

9点击图片更换图片的代码

10JS自动给img src添加域名前缀的代码