利用Zoomify插件轻松实现图片缩放(灯箱)效果

发表于2018-08-22 16:58:29来源于csdn

次点击[] [] [] [打印] [关闭窗口] [评论]

欢迎大家加入创想工作室QQ群 网络瘫痪上不了网?电脑出故障?找破解软件?加入创想工作室QQ群,向大神求助,一步解决问题!QQ群号码:326338868[点此获取更多QQ群]
前段时间项目中,需要使用图片看大图的效果,主要是用于上传的企业工商执照等信息。这个时候的需求是希望放大图片,看到大图。在进行认真调研基础上发现了一款极好用、极简单的前端插件 zoomify,下面简单介绍一下这款插件的使用。
 
利用Zoomify插件轻松实现图片缩放(灯箱)效果
 

基本用法:

 
Zoomify 是一款基于的简单带缩放效果的 jQuery lightbox 插件,它使用简单,出来提供基本的属性外,还提供了自动事件和自定义方法,能够满足大多数需求
 
 
1、引入文件
 
<link rel="stylesheet" href="css/zoomify.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/zoomify.min.js"></script>
 
2、HTML
 
<img class="zoomify" src="images/img1.jpg" alt="">
 
3、JavaScript
 
<script>
$(function() {
$('.zoomify').zoomify();
});
</script>
 

高级进阶

 
利用Zoomify插件轻松实现图片缩放(灯箱)效果
 

© copyright 2002-2024, 22BA.COM All Rights Reserved

网站备案号:粤ICP备19114910号

ChuangXiang Design Studio - WebDesign & Internet Marketing

关于我们业务范围联系我们开心一刻网站地图

QQ群一:326338868QQ群二:78712271

QQ群三:193078177

邮箱:news@22ba.com

地址:深圳市福田区金田路现代国际大厦2606