# 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/.**
**Notice:** The old Owl Carousel site (owlgraphic [dot] com) is no longer in use. Please delete all references to this in bookmarks and your own products' documentation as it's being used for malicious purposes.
## 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).
没有合适的资源?快使用搜索试试~ 我知道了~
基于go语言+区块链的资产管理系统的设计与实现+全部资料齐全+详细文档 高分项目.zip
共476个文件
js:106个
css:85个
jpg:84个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 2 下载量 58 浏览量
2024-05-15
11:26:40
上传
评论
收藏 41.84MB ZIP 举报
温馨提示
【资源说明】 基于go语言+区块链的资产管理系统的设计与实现+全部资料齐全+详细文档 高分项目.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用,也可作为毕业设计、课程设计、作业、项目初期立项演示等,当然也适合小白学习进阶。 4、如果基础还行,可以在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
资源推荐
资源详情
资源评论
收起资源包目录
基于go语言+区块链的资产管理系统的设计与实现+全部资料齐全+详细文档 高分项目.zip (476个子文件)
AssetManagement.abi 5KB
changePath 216B
bootstrap.css 194KB
bootstrap.css 194KB
bootstrap.min.css 184KB
bootstrap.min.css 157KB
bootstrap.min.css 157KB
bootstrap.css 143KB
bootstrap.min.css 118KB
bootstrap.min.css 106KB
icofont.min.css 90KB
icofont.min.css 90KB
boxicons.css 75KB
boxicons.css 75KB
bootstrap-grid.css 66KB
bootstrap-grid.css 66KB
boxicons.min.css 60KB
boxicons.min.css 60KB
fontawesome-all.min.css 56KB
bootstrap-grid.min.css 50KB
bootstrap-grid.min.css 50KB
font-awesome.css 37KB
matrix-style.css 32KB
font-awesome.min.css 32KB
style.css 29KB
style.css 26KB
style.css 26KB
style1.css 23KB
venobox.css 20KB
venobox.css 20KB
prettyPhoto.css 19KB
font-awesome.css 19KB
venobox.min.css 18KB
venobox.min.css 18KB
bootstrap-responsive.min.css 16KB
select2.css 14KB
dark-theme.min.css 12KB
dark-theme.min.css 12KB
dark-theme.min.css 12KB
light-theme.min.css 12KB
light-theme.min.css 12KB
light-theme.min.css 12KB
colored-theme.min.css 12KB
colored-theme.min.css 12KB
colored-theme.min.css 12KB
uniform.css 10KB
fullcalendar.css 8KB
index.css 8KB
animations.css 7KB
animations.css 7KB
test3.css 5KB
test3.css 5KB
owl.carousel.css 5KB
owl.carousel.css 5KB
bootstrap-reboot.css 5KB
bootstrap-reboot.css 5KB
bootstrap-reboot.min.css 4KB
bootstrap-reboot.min.css 4KB
matrix-login.css 4KB
datepicker.css 3KB
owl.carousel.min.css 3KB
owl.carousel.min.css 3KB
matrix-media.css 3KB
modal.css 3KB
jquery.searchableSelect.css 2KB
bootstrap-wysihtml5.css 2KB
bootstrap-fileinput.css 2KB
colorpicker.css 2KB
normalize.min.css 2KB
iconfont.css 2KB
jquery.gritter.css 2KB
style.css 1KB
owl.theme.default.css 1KB
owl.theme.default.css 1KB
owl.theme.green.css 1KB
owl.theme.green.css 1KB
owl.theme.green.min.css 1013B
owl.theme.default.min.css 1013B
owl.theme.green.min.css 1013B
owl.theme.default.min.css 1013B
coin-slider-styles.css 655B
transformations.css 653B
transformations.css 653B
fontawesome5-overrides.min.css 566B
a.css 149B
style.css 111B
style.css 111B
boxicons.eot 257KB
boxicons.eot 257KB
fa-solid-900.eot 190KB
fontawesome-webfont.eot 162KB
fontawesome-webfont.eot 162KB
fa-brands-400.eot 129KB
fa-regular-400.eot 34KB
fontawesome-webfont.eot 25KB
fontawesome-webfont.eot@ 25KB
runner-build.exe 35.2MB
runner-build.exe~ 35.2MB
ajax-loader.gif 3KB
ajax-loader.gif 3KB
共 476 条
- 1
- 2
- 3
- 4
- 5
资源评论
- weixin_447793772024-06-05资源不错,内容挺好的,有一定的使用价值,值得借鉴,感谢分享。
- 2301_765122392024-05-24感谢资源主的分享,这个资源对我来说很有用,内容描述详尽,值得借鉴。
不走小道
- 粉丝: 3237
- 资源: 5113
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功