js图片查看器
来源:互联网 发布:罗马人和日耳曼人 知乎 编辑:程序博客网 时间:2024/06/05 13:34
首先 在github上下载 js,css点击打开链接
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="../css/viewer.min.css"> <script src="../lib/jquery.min.js"></script> <script src="../lib/viewer.min.js"></script></head><body><div id="viewer" class="viewer"> <div><img src="images/thumbnails/tibet-1.jpg" data-original="images/tibet-1.jpg" alt="图片1"></div> <div><img src="images/thumbnails/tibet-2.jpg" data-original="images/tibet-2.jpg" alt="图片2"></div> <div><img src="images/thumbnails/tibet-3.jpg" data-original="images/tibet-3.jpg" alt="图片3"></div> <div><img src="images/thumbnails/tibet-4.jpg" data-original="images/tibet-4.jpg" alt="图片4"></div> <div><img src="images/thumbnails/tibet-5.jpg" data-original="images/tibet-5.jpg" alt="图片5"></div> <div><img src="images/thumbnails/tibet-6.jpg" data-original="images/tibet-6.jpg" alt="图片6"></div></div><script> $('.viewer').viewer();// $('.viewer').viewer({url:"data-original",});}</script></body></html>
查看效果如下所示:
阅读全文
0 0
- js图片查看器
- js图片查看器
- CSS+JS构建的图片查看器
- Viewer.js Javascript/jQuery图片查看器
- JS图片查看器-viwerjs的用法
- js 图片 点击查看大图
- 调用系统图片查看器查看图片
- bootstrap+swiper 图片查看器 图片查看
- 《js-特效--带缩略图的图片查看》
- 【Html5+JS】简单的查看图片程序
- C#图片查看器
- C#图片查看器
- 图片查看器beta1
- Android图片查看器
- 图片查看器
- 图片查看器
- matlab图片查看器
- Android 图片查看器
- 「机器学习」和「深度学习」的 Cheat Sheets Helperhaps
- 基础练习 数列特征
- 设计模式——单例模式
- 学习回顾算法(二分法查找)
- iOS中(以#开头)十六进制的颜色转换为UIColor(RGB)
- js图片查看器
- Linux C Socket编程发送结构体、文件详解及实例
- 怎么用IDEA上传本地项目到码云/Github?
- kotlin开发Android入门篇一
- 解析字符串形式的url地址
- Ubuntu下Django+uwsgi+nginx项目部署
- error和exception
- 详解使用Hyper-V安装Ubuntu Server 16.10
- Setup或Teardown中执行多个关键字