页面特效 UI组件库 菜单导航 窗口特效 幻灯片滑动 图像相册 表单 选项卡 表格 评分星级 手风琴 文本链接 布局 日历 颜色选择器 按钮 图表 html5 提示 ExtJS 在线客服 其他特效 地图 树形控件 移动开发 BootStrap 滑动条 文件上传 表单验证 分页 播放器 Angular VUE

Swipebox用于触屏设备的精美jQuery Lightbox插件

图像相册 HTML我帮您 1年前  次浏览
Swipebox 是一款可触摸的  jQuery 灯箱效果插件,可用于桌面,移动和平板电脑。它移动设备支持滑动手势导航,桌面电脑上可以用键盘导航,不支持 CSS3过渡特性的浏览器使用 jQuery 降级处理,支持视网膜显示,能够通过 CSS 轻松定制。 在下列浏览器测试通过:Chrome, Safari, Firefox, Opera, IE8+, IOS4+, Android, Windows Phone。

Javascript

<script src="lib/jquery-1.9.0.min.js"></script>
<script src="source/jquery.swipebox.min.js"></script>

CSS

<link rel="stylesheet" href="source/swipebox.css">
HTML
<a href="big/image.jpg" class="swipebox" title="My Caption">
	<img src="small/image.jpg" alt="image">
</a>
使用插件
jQuery(function($) {
	$(".swipebox").swipebox();
});
   

相关链接

发表评论