首页 JQuery/Js 强大的jQuery图片查看器插件Viewer.js【转】
强大的jQuery图片查看器插件Viewer.js【转】
作者 : Jquery 来源 : Jquery 浏览 : 5 次 时间 : 2021-03-08 14:14:37
简述
一款图片查看的jq插件,效果不错,很实用

下载地址(原文地址):https://www.jq22.com/jquery-info6536

1、引入文件

JS版本

<link rel="stylesheet" href="css/viewer.min.css">
<script src="js/viewer.min.js"></script>

JQ版本

<link rel="stylesheet" href="css/viewer.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/viewer.min.js"></script>

2Html

<ul id="jq22">
    <li><img src="img/tibet-1.jpg" alt="图片1"></li>
    <li><img src="img/tibet-2.jpg" alt="图片2"></li>
    <li><img src="img/tibet-3.jpg" alt="图片3"></li>
    <li><img src="img/tibet-4.jpg" alt="图片4"></li>
    <li><img src="img/tibet-5.jpg" alt="图片5"></li>
    <li><img src="img/tibet-6.jpg" alt="图片6"></li>
</ul>

3JavaScript

JS 版本

var viewer = new Viewer(document.getElementById('jq22'));

jQuery 版本

$('#jq22').viewer();


配置

名称类型默认值说明
inline布尔值false启用 inline 模式
button布尔值true显示右上角关闭按钮(jQuery 版本无效)
navbar布尔值/整型true显示缩略图导航
title布尔值/整型true显示当前图片的标题(现实 alt 属性及图片尺寸)
toolbar布尔值/整型true显示工具栏
tooltip布尔值true显示缩放百分比
movable布尔值true图片是否可移动
zoomable布尔值true图片是否可缩放
rotatable布尔值true图片是否可旋转
scalable布尔值true图片是否可翻转
transition布尔值true使用 CSS3 过度
fullscreen布尔值true播放时是否全屏
keyboard布尔值true是否支持键盘
interval整型5000播放间隔,单位为毫秒
zoomRatio浮点型0.1鼠标滚动时的缩放比例
minZoomRatio浮点型0.01最小缩放比例
maxZoomRatio数字100最大缩放比例
zIndex数字2015设置图片查看器 modal 模式时的 z-index
zIndexInline数字0设置图片查看器 inline 模式时的 z-index
url字符串/函数src设置大图片的 url
build函数null回调函数,具体查看演示
built函数null回调函数,具体查看演示
show函数null回调函数,具体查看演示
shown函数null回调函数,具体查看演示
hide函数null回调函数,具体查看演示
hidden函数null回调函数,具体查看演示
view函数null回调函数,具体查看演示
viewed函数null回调函数,具体查看演示


配置实例:

 var viewer = new Viewer(document.getElementById('id'), {
            transition:false//关闭css3过渡效果
        });


上一篇: layui table工具栏自定义【原创】

下一篇: 没有了
版权声明:原创文章,转载时请注明原始出处,作者等相关信息。
本文连接:https://ntbk8.cn/index/d-129.html
留言
上传图片
评论列表

102 篇

文章总数

41681 次

浏览总数

94 条

评论总数

昵称 Telkobe
职业 PHP开发
家乡 四川南充
住址 暂居成都
QQ 946188985
文章搜索
热门文章
最新文章
新闻头条

1 纪实文学《第一书记》首发式在临沂市陶然居大酒店举行

2 95 后女孩糊墙 6 天赚 4 万,850 万粉丝点赞,央视都请她干活:早该火了

3 蚊香放在沙发上,中山市东升镇一出租屋凌晨起火

4 视频|拆不掉的“鸟巢”

5 视频|漫游费取消四年了 相关套餐为何仍在收费?

6 安置困境儿童10余人 普陀区检察院构建全方位保护体系守护“幼苗”

7 视频|男子地铁站内见网友被拒 奔现3小时后想轻生...

8 视频|家具城半夜清运建筑垃圾 居民:噪音大到睡不着

9 感悟终南——陈团结摄影作品展在“陌上花栖”启幕

10 花4000多元买猫刚一周多就病死 店方:可免费更换但无法退款

11 彻查!应急管理部:报请国务院安委会挂牌督办这一事故

12 新疆“透水”煤矿排水能力大幅提升,透水点封堵工作已启动

13 千灯湖向日葵花海开上央视!全国人民都在羡慕佛山南海人穿短袖

14 舍管员盗窃学生财物 昆明盘龙民警人赃并获

15 华为总裁二女儿5亿城堡曝光,生活奢华至极,网友:学学你大姐

16 无需高考,高二直接上清华,本硕博连读,这些同学怎么做到的?

17 惊险一幕!蓉遵高速上有辆小车发生自燃

18 高速路口 62 万车主违章,罚款过亿?查!

19 迈科集团挖掘新时代文化的魅力-开展跨越国界的文化交流

20 把14个艺术家关进废弃医院一周……能玩得多野?

21 以一敌百!幼儿园种植日 家长自带锄头秒杀全场

22 工业互联网平台覆盖产业链上中下游 这样的数字化让广东的制造业由“强”变“大”

23 视频|三位乘客都有驾驶证,开车的司机却是无证驾驶

24 今年“五一”假期,去这些地儿还能买到打折机票

25 全国肿瘤防治宣传周来临,大咖专家在沪畅谈消化道癌防治

26 兴谷街道:精心组织暖心服务齐到位,疫苗接种我带头!

27 开通绿色通道,山东庄镇多举措推进新冠疫苗接种工作

28 浦口民警快速救助受伤群众

29 新墨书房获评网红人气咖啡厅

30 当代名家(山东枣庄)交流会暨牛郎山采风活动顺利举行

历史上的今天

1 在326年前的今天,1695年4月13日 (农历三月初一),法国诗人让·德·拉封丹逝世。

2 在278年前的今天,1743年4月13日 (农历三月十九),美国第三任总统杰斐逊诞辰。

3 在120年前的今天,1901年4月13日 (农历二月廿五),中国共产党早期革命活动家赵世炎出生。

4 在117年前的今天,1904年4月13日 (农历二月廿八),俄舰队司令在海战中葬生。

5 在102年前的今天,1919年4月13日 (农历三月十三),巴伐利亚苏维埃共和国建立。

6 在102年前的今天,1919年4月13日 (农历三月十三),印度发生阿姆利则惨案 死亡1200人。

7 在82年前的今天,1939年4月13日 (农历二月廿四),黄河大合唱在延安首演。

8 在80年前的今天,1941年4月13日 (农历三月十七),日苏中立条约签订。

9 在77年前的今天,1944年4月13日 (农历三月廿一),苏联收复刻赤半岛。

10 在76年前的今天,1945年4月13日 (农历三月初二),苏联红军收复维也纳。

11 1949年4月13日 (农历三月十六),国共两党就国内和平协定举行谈判。

12 1950年4月13日 (农历二月廿七),新中国第一部法规《婚姻法》诞生。

13 1964年4月13日 (农历三月初二),普瓦捷赢得奥斯卡金奖。

14 1972年4月13日 (农历二月三十),我国恢复在万国邮联的合法权利。

15 1975年4月13日 (农历三月初二),乍得政局动荡。

16 1976年4月13日 (农历三月十四),教育部部长周荣鑫受“四人帮”的诬陷迫害在北京逝世。

17 1978年4月13日 (农历三月初七),文革后第一个外国交响乐团来华演出。

18 1987年4月13日 (农历三月十六),中葡签署《关于澳门问题的联合声明》。

19 1988年4月13日 (农历二月廿七),海南成为中国第31个省。

20 1988年4月13日 (农历二月廿七),“体操王子”李宁宣布退役。

21 1990年4月13日 (农历三月十八),苏联承认波兰卡廷事件是苏联所为。

22 1995年4月13日 (农历三月十四),摄影大师郎静山逝世。

23 1995年4月13日 (农历三月十四),新中国第一架超音速无人驾驶飞机试飞成功。

24 1997年4月13日 (农历三月初七),美国黑人选手创高尔夫球赛最低杆数。

25 1998年4月13日 (农历三月十七),广西失恋女投毒237名学生集体中毒。

26 1998年4月13日 (农历三月十七),中国妇女运动先驱帅孟奇逝世。

27 1998年4月13日 (农历三月十七),国家大剧院设计方案进行国际招标。

28 1998年4月13日 (农历三月十七),泰森经纪人称泰森将重新申请拳击执照。

29 2005年4月13日 (农历三月初五),第59届联合国大会通过《制止核恐怖行为国际公约》。

30 在1346年前的今天,0675年4月13日 (农历三月十三),唐高宗诏令武则天摄国政。

31 在1207年前的今天,0814年4月13日 (农历三月十九),保加利亚大公克鲁姆逝世。

百度统计 站长统计

©2018-2021 www.ntbk8.cn. All rights reserved.  蜀ICP备18006425号

友情链接:  若岚博客  vipbic  卢松松博客  快云vps  Geticsen  聚宝盆  飞之梦工作室  7分钟课堂  提交友链