# 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).
没有合适的资源?快使用搜索试试~ 我知道了~
【WordPress主题】2022年最新版完整功能demo+插件v1.2.8.zip
共459个文件
php:259个
png:51个
js:24个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 174 浏览量
2022-04-21
12:44:13
上传
评论
收藏 1.56MB ZIP 举报
温馨提示
"【WordPress主题】2022年最新版完整功能demo+插件v1.2.8 Evenz - Conference and Event WordPress Theme 偶数 - 会议和事件WordPress主题" ---------- 泰森云每天更新发布最新WordPress主题、HTML主题、WordPress插件、shopify主题、opencart主题、PHP项目源码、安卓项目源码、ios项目源码,更有超10000个资源可供选择,如有需要请站内联系。
资源推荐
资源详情
资源评论
收起资源包目录
【WordPress主题】2022年最新版完整功能demo+插件v1.2.8.zip (459个子文件)
codepoints 16KB
main-min.css 281KB
main.css 281KB
obs-style-min.css 102KB
woocommerce.css 30KB
theme-editor-gutenberg.css 20KB
owl.carousel.css 4KB
owl.carousel.css 4KB
evenz-tgm-admin.css 4KB
owl.carousel.min.css 3KB
styles.css 3KB
evenz-typography.css 1KB
owl.theme.default.css 1KB
owl.theme.green.css 1KB
owl.theme.default.min.css 1013B
owl.theme.green.min.css 1013B
material-icons.css 970B
theme-editor-gutenberg-min.css 946B
style.css 809B
style.css 657B
theme-editor-gutenberg-OLD.css 0B
style-min.css 0B
MaterialIcons-Regular.eot 140KB
qt-socicon.eot 10KB
ajax-loader.gif 3KB
ajax-loader.gif 3KB
changelog.html 457B
MaterialIcons-Regular.ijmap 28KB
screenshot.jpg 53KB
screenshot.jpg 49KB
owl.carousel.js 87KB
owl.carousel.js 45KB
owl.carousel-min.js 43KB
qtt-main.js 38KB
jquery.stellar.js 23KB
qtt-main-min.js 18KB
ttg-sticky-sidebar.js 17KB
jquery.stellar.min.js 12KB
owl.navigation.js 11KB
owl.video.js 9KB
mgGlitch-qt.js 8KB
owl.autoplay.js 6KB
ttg-sticky-sidebar-min.js 5KB
owl.lazyload.js 4KB
modernizr-custom.js 4KB
owl.autoheight.js 3KB
owl.animate.js 3KB
owl.hash.js 3KB
mgGlitch-qt-min.js 2KB
owl.autorefresh.js 2KB
owl.support.modernizr.js 2KB
owl.support.js 2KB
skip-link-focus-fix.js 743B
editorscript.js 0B
LICENSE 1KB
LICENSE 1KB
LICENSE-MIT 1KB
main-min.css.map 120KB
main.css.map 120KB
owl.carousel-min.js.map 52KB
qtt-main-min.js.map 23KB
woocommerce.css.map 7KB
theme-editor-gutenberg.css.map 5KB
mgGlitch-qt-min.js.map 4KB
evenz-tgm-admin.css.map 1KB
styles.css.map 929B
evenz-typography.css.map 587B
LICENSE.md 18KB
README.md 4KB
README.md 3KB
README.md 613B
README.md 316B
changelog.md 295B
tgmpa-ru_RU.mo 14KB
tgmpa-sr_RS.mo 13KB
tgmpa-pt_BR.mo 11KB
tgmpa-cs_CZ.mo 11KB
tgmpa-fr_FR.mo 11KB
tgmpa-hr_HR.mo 11KB
tgmpa-de_DE.mo 11KB
tgmpa-ro_RO.mo 11KB
tgmpa-es_ES.mo 10KB
tgmpa-nl_NL.mo 10KB
tgmpa-it_IT.mo 10KB
tgmpa-he_IL.mo 10KB
tgmpa-sv_SE.mo 10KB
tgmpa-eo.mo 10KB
tgmpa-en_CA.mo 10KB
tgmpa-en_AU.mo 10KB
tgmpa-en_GB.mo 10KB
class-tgm-plugin-activation.php 123KB
fields.php 65KB
index.php 18KB
theme-function-3d-header.php 12KB
customizations.php 12KB
theme-function-pricing-table.php 11KB
woocommerce-helpers.php 11KB
theme-function-places-grid.php 10KB
welcome-page.php 10KB
event-type.php 9KB
共 459 条
- 1
- 2
- 3
- 4
- 5
资源评论
Lee达森
- 粉丝: 962
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功