Swipebox
================================
A touchable jQuery lightbox.
[View project page](http://brutaldesign.github.com/swipebox)
##What is Swipebox ?
Swipebox is a jQuery "lightbox" plugin for desktop, mobile and tablet.
##Features
- Swipe gestures for mobile
- Keyboard Navigation for desktop
- CSS transitions with jQuery fallback
- Retina support for UI icons
- Easy CSS customization
- Video, Images and Inline content
###Compatibility
Chrome, Safari, Firefox, Opera, IE9+, IOS4+, Android, windows phone.
##Usage
###Javascript
Include jquery and the swipebox script in your head tags or right before your body closing tag.
```html
<script src="lib/jquery-1.9.0.js"></script>
<script src="src/js/jquery.swipebox.js"></script>
```
###CSS
Include the swipebox CSS style in your head tags.
```html
<link rel="stylesheet" href="src/css/swipebox.css">
```
###HTML
Use a specific class for your links and use the title attribute as caption.
```html
<a href="big/image.jpg" class="swipebox" title="My Caption">
```
###Fire the plugin
Bind the swipebox behaviour on every link with the "swipebox" class.
```javascript
$( '.swipebox' ).swipebox();
```
###Options
```javascript
useCSS : true, // false will force the use of jQuery for animations
initialIndexOnArray: 0, // which image index to init when a array is passed
removeBarsOnMobile : true, // false will show top navigation bar on mobile devices
hideCloseButtonOnMobile : false, // true will hide the close button on mobile devices
removeBarsOnMobile : true, // false will show bottom bar on mobile devices
hideBarsDelay : 3000, // delay before hiding bars on desktop
videoMaxWidth : 1140, // videos max width
beforeOpen: function(){} , // called before opening
afterOpen: null, // called after opening
afterClose: function(){}, // called after closing
afterMedia: function(){}, // called after media is loaded
loopAtEnd: false, // true will return to the first image after the last image is reached
autoplayVideos: false // true will autoplay Youtube and Vimeo videos
queryStringData: {} // plain object with custom query string arguments to pass/override for video URLs,
toggleClassOnLoad: '' // CSS class that can be toggled when the slide will be loaded (like 'hidden' of Bootstrap)
useSVG: true
```
###Pull Requests
I want to keep this plugin as simple as possible. I won't merge pull requests for additional features such as download buttons, social like buttons, IE8 compatibility etc... But feel free to fork the project and customize it to suit to your needs. Most wanted PR are for bug fixes. Also, a future improvement will be to allow zoom on touchable devices.
If you want to submit a pull request please be sure to grunt the whole thing (mostly jshintrc validation and minified file) and send me a demo URL. Also, please comment your code.
Thanks for your understanding and thank you all for your helpful support!
没有合适的资源?快使用搜索试试~ 我知道了~
【WordPress主题】2022年最新版完整功能demo+插件v2.3.2.zip
共405个文件
php:176个
js:63个
css:26个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 84 浏览量
2022-04-12
10:39:29
上传
评论
收藏 4.89MB ZIP 举报
温馨提示
"【WordPress主题】2022年最新版完整功能demo+插件v2.3.2 Life Coach Wordpress Theme 生活教练Wordpress主题" ---------- 泰森云每天更新发布最新WordPress主题、HTML主题、WordPress插件、shopify主题、opencart主题、PHP项目源码、安卓项目源码、ios项目源码,更有超10000个资源可供选择,如有需要请站内联系。
资源推荐
资源详情
资源评论
收起资源包目录
【WordPress主题】2022年最新版完整功能demo+插件v2.3.2.zip (405个子文件)
ttg-main.css 176KB
documentation.css 70KB
documentation.css 70KB
ttg-colors.css 36KB
webfont.css 11KB
ttg-learnpress-3.css 9KB
style.css 8KB
qticons.css 7KB
ttg-colors-static.css 7KB
swipebox.css 5KB
style.css 4KB
swipebox.min.css 4KB
ttg-learnpress-2.css 4KB
ttg-learnpress-3_nulled.css 4KB
slick-theme.css 3KB
demo.css 2KB
slick.css 2KB
ttg-editor.css 2KB
jquery.classycountdown.css 516B
jquery.classycountdown.css 516B
ttg-typography.css 512B
style.css 424B
jquery.classycountdown.min.css 421B
jquery.classycountdown.min.css 421B
ttg-admin-styles.css 323B
style-min.css 0B
Linearicons-Free.eot 55KB
qticons.eot 41KB
dripicons-v2.eot 40KB
Roboto-Thin.eot 21KB
Roboto-Medium.eot 21KB
Roboto-Regular.eot 21KB
Roboto-Bold.eot 20KB
Roboto-Light.eot 20KB
slick.eot 2KB
ajax-loader.gif 4KB
loader.gif 3KB
demo.html 104KB
icons-reference.html 61KB
screenshot.jpg 225KB
dummy.jpg 41KB
dummy.jpg 41KB
screenshot.jpg 40KB
screenshot.jpg 29KB
screenshot.jpg 29KB
screenshot.jpg 27KB
ttg-main-min.js 279KB
materialize_broken.js 275KB
materialize.js 275KB
materialize_Original.js 275KB
materialize.min.js 128KB
jquery.js 95KB
jquery.min.js 91KB
jquery.min.js 91KB
slick.js 82KB
jquery-2.1.0.min.js 82KB
picker.date.js 50KB
slick.min.js 41KB
picker.js 35KB
velocity.min.js 34KB
jquery.classycountdown.js 33KB
jquery.classycountdown.js 33KB
jquery.swipebox.js 24KB
ttg-main.js 24KB
forms.js 20KB
modernizr-2.8.3-respond-1.4.2.min.js 20KB
hammer.min.js 18KB
jquery.swipebox.min.js 13KB
jquery.classycountdown.min.js 13KB
jquery.classycountdown.min.js 13KB
jquery.classycountdown-min.js 12KB
skrollr.min.js 12KB
sideNav.js 12KB
slider.js 11KB
waves.js 11KB
jquery.knob.js 11KB
jquery.knob.js 11KB
carousel.js 11KB
jquery-migrate.min.js 9KB
materialbox.js 8KB
jquery.easing.1.3.js 8KB
scrollspy.js 8KB
dropdown.js 8KB
tooltip.js 7KB
leanModal.js 5KB
transitions.js 5KB
tabs.js 4KB
collapsible.js 4KB
toasts.js 4KB
popup-min.js 3KB
jquery.fitvids.js 3KB
popup.js 3KB
buttons.js 2KB
character_counter.js 2KB
parallax.js 2KB
pushpin.js 2KB
ios-orientationchange-fix.js 2KB
scrollFire.js 1KB
cards.js 1KB
global.js 1KB
共 405 条
- 1
- 2
- 3
- 4
- 5
资源评论
Lee达森
- 粉丝: 960
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 采用P-f和Q-V滞控的去中心化逆变器型交流微电网的模拟(Simulink仿真实现)
- 彩虹聚合二级域名DNS管理系统源码v1.3
- 【TOF相机笔记3】Simulink使用方法
- 算法部署-基于C++和Python使用ONNXRuntime部署RT-DETR目标检测算法-附项目源码-优质项目实战.zip
- Bitree.cpp
- 改变浏览器大小,图片(img)内容居中显示
- 全景分割-基于FAIR-DETR对Cityscapes数据集进行微调实现全景分割-附项目源码-优质项目实战.zip
- Tru master.m4a
- 基于ELMAN神经网络的用气量预测,基于ELMAN的天然气消费量预测(代码完整,数据齐全)
- 基于Vue3+ThreeJS实现机械臂控制和预览+源码+开发文档+代码解析(高分优秀项目)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功