# Owl Carousel 2
Touch enabled [jQuery](https://jquery.com/) plugin that lets you create a beautiful, responsive carousel slider. **To get started, check out https://owlcarousel2.github.io/OwlCarousel2/.**
## Quick start
### Install
This package can be installed with:
- [npm](https://www.npmjs.com/package/owl.carousel): `npm install --save owl.carousel` or `yarn add owl.carousel jquery`
- [bower](http://bower.io/search/?q=owl.carousel): `bower install --save owl.carousel`
Or download the [latest release](https://github.com/OwlCarousel2/OwlCarousel2/releases).
### Load
#### Webpack
Add jQuery via the "webpack.ProvidePlugin" to your webpack configuration:
const webpack = require('webpack');
//...
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery'
}),
],
//...
Load the required stylesheet and JS:
```js
import 'owl.carousel/dist/assets/owl.carousel.css';
import 'owl.carousel';
```
#### Static HTML
Put the required stylesheet at the [top](https://developer.yahoo.com/performance/rules.html#css_top) of your markup:
```html
<link rel="stylesheet" href="/node_modules/owl.carousel/dist/assets/owl.carousel.min.css" />
```
```html
<link rel="stylesheet" href="/bower_components/owl.carousel/dist/assets/owl.carousel.min.css" />
```
**NOTE:** If you want to use the default navigation styles, you will also need to include `owl.theme.default.css`.
Put the script at the [bottom](https://developer.yahoo.com/performance/rules.html#js_bottom) of your markup right after jQuery:
```html
<script src="/node_modules/jquery/dist/jquery.js"></script>
<script src="/node_modules/owl.carousel/dist/owl.carousel.min.js"></script>
```
```html
<script src="/bower_components/jquery/dist/jquery.js"></script>
<script src="/bower_components/owl.carousel/dist/owl.carousel.min.js"></script>
```
### Usage
Wrap your items (`div`, `a`, `img`, `span`, `li` etc.) with a container element (`div`, `ul` etc.). Only the class `owl-carousel` is mandatory to apply proper styles:
```html
<div class="owl-carousel owl-theme">
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
</div>
```
**NOTE:** The `owl-theme` class is optional, but without it, you will need to style navigation features on your own.
Call the [plugin](https://learn.jquery.com/plugins/) function and your carousel is ready.
```javascript
$(document).ready(function(){
$('.owl-carousel').owlCarousel();
});
```
## Documentation
The documentation, included in this repo in the root directory, is built with [Assemble](http://assemble.io/) and publicly available at https://owlcarousel2.github.io/OwlCarousel2/. The documentation may also be run locally.
## Building
This package comes with [Grunt](http://gruntjs.com/) and [Bower](http://bower.io/). The following tasks are available:
* `default` compiles the CSS and JS into `/dist` and builds the doc.
* `dist` compiles the CSS and JS into `/dist` only.
* `watch` watches source files and builds them automatically whenever you save.
* `test` runs [JSHint](http://www.jshint.com/) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/).
To define which plugins are build into the distribution just edit `/_config.json` to fit your needs.
## Contributing
Please read [CONTRIBUTING.md](CONTRIBUTING.md).
## Roadmap
Please make sure to check out our [Roadmap Discussion](https://github.com/OwlCarousel2/OwlCarousel2/issues/1756).
## License
The code and the documentation are released under the [MIT License](LICENSE).
没有合适的资源?快使用搜索试试~ 我知道了~
基于C#实现电影院售票系统【优质毕业设计、课程设计项目】.zip
共692个文件
gif:199个
cs:83个
aspx:79个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 184 浏览量
2023-06-06
23:05:18
上传
评论
收藏 13.81MB ZIP 举报
温馨提示
优质毕业设计、课程设计项目,包括:程序源代码、数据库、配置环境说明,可完美运行。
资源推荐
资源详情
资源评论
收起资源包目录
基于C#实现电影院售票系统【优质毕业设计、课程设计项目】.zip (692个子文件)
qtuserlog.ascx 4KB
qtdown.ascx 3KB
bht.ascx 2KB
qttop.ascx 2KB
file_manager_json.ashx 6KB
upload_json.ashx 3KB
alipay_md5.asp 11KB
alipay_function.asp 6KB
alipay_notify.asp 5KB
alipay_service.asp 2KB
userreg.aspx 10KB
left_guanliyuan.aspx 9KB
Default.aspx 9KB
dianyingxinxidetail.aspx 8KB
dianyingxinxilist.aspx 8KB
liuyanbanadd.aspx 8KB
dianyingxinxi_list.aspx 7KB
goupiaoxinxi_list.aspx 7KB
dianyingxinxi_goupiaoxinxi.aspx 7KB
goupiaoxinxi_list2.aspx 6KB
tuipiaoxinxi_list.aspx 6KB
goupiaoxinxiadd.aspx 6KB
goupiaoxinxi_tuipiaoxinxi.aspx 6KB
yonghuzhuce_list.aspx 6KB
tuipiaoxinxi_list2.aspx 6KB
shoupiaoyuanxinxi_list.aspx 6KB
edituser.aspx 5KB
Default.aspx 5KB
youqinglianjie_list.aspx 5KB
dianyingxinxi_add.aspx 5KB
dianyingxinxi_updt.aspx 5KB
allgonggao_list2.aspx 5KB
allgonggao_list.aspx 5KB
goupiaoxinxi_add.aspx 5KB
liuyanban_list.aspx 5KB
dianyingfenlei_list.aspx 5KB
yonghuzhuce_updt.aspx 5KB
yonghuzhuce_updt2.aspx 4KB
goupiaoxinxi_updt.aspx 4KB
allgonggao_add.aspx 4KB
allgonggao_updt.aspx 4KB
pinglun_list.aspx 4KB
news.aspx 4KB
liuyanban.aspx 4KB
tuipiaoxinxi_add.aspx 4KB
shoupiaoyuanxinxi_add.aspx 4KB
tuipiaoxinxi_updt.aspx 4KB
shoucangjilu_list2.aspx 4KB
dianyingxinxilisttp.aspx 4KB
listuser.aspx 4KB
dx.aspx 4KB
shoupiaoyuanxinxi_updt.aspx 4KB
shoupiaoyuanxinxi_updt2.aspx 4KB
liuyanban_add.aspx 3KB
liuyanban_updt.aspx 3KB
youqinglianjie_add.aspx 3KB
sy.aspx 3KB
ggdetail.aspx 3KB
youqinglianjie_updt.aspx 3KB
play.aspx 3KB
userlog.aspx 3KB
dianyingxinxi_detail.aspx 3KB
goupiaoxinxi_tj_dianyingmingcheng.aspx 3KB
goupiaoxinxi_tj_dianyingleixing.aspx 3KB
dx_detail.aspx 3KB
left_zhuceyonghu.aspx 3KB
top.aspx 3KB
left_shoupiaoyuan.aspx 2KB
dianyingfenlei_add.aspx 2KB
dianyingfenlei_updt.aspx 2KB
goupiaoxinxi_detail.aspx 2KB
tuipiaoxinxi_detail.aspx 2KB
shoupiaoyuanxinxi_detail.aspx 2KB
login.aspx 2KB
hsgpinglun.aspx 2KB
hsgupfile.aspx 2KB
demo.aspx 2KB
mod.aspx 2KB
main.aspx 803B
VerifyCode.aspx 449B
databack.aspx 445B
logout.aspx 441B
dellyb.aspx 441B
delid.aspx 439B
delgg.aspx 439B
zhifu.aspx 439B
mygo.aspx 437B
jrsc.aspx 437B
sh.aspx 433B
Web.Config 2KB
Class1.cs 6KB
VerifyCode.aspx.cs 5KB
dianyingxinxi_updt.aspx.cs 4KB
goupiaoxinxi_list2.aspx.cs 4KB
dianyingxinxi_list.aspx.cs 4KB
tuipiaoxinxi_list2.aspx.cs 4KB
dianyingxinxilist.aspx.cs 3KB
goupiaoxinxiadd.aspx.cs 3KB
tuipiaoxinxi_add.aspx.cs 3KB
goupiaoxinxi_updt.aspx.cs 3KB
共 692 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
不脱发的程序猿
- 粉丝: 24w+
- 资源: 5757
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功