你需要的最后一个轮播。
slick特性:
- 充分响应。 用它的容器称。
- 每个断点单独设置
- 在可用时使用CSS3。 不完全功能。
- 已启用滑动。 或禁用,如果你喜欢。
- 桌面鼠标拖动
- 无限循环。
- 可通过箭头键导航完全访问
- 添加,删除,过滤和过滤幻灯片
- 自动播放,点,箭头,回调等...
浏览器支持
- Slick适用于IE8 +以及其他现代浏览器,如Chrome,Firefox和Safari。
依赖
- jQuery 1.7+
你需要的最后一个轮播。(the last carousel you'll ever need.)
你需要的最后一个轮播。
slick特性:
名稱與所有者 | kenwheeler/slick |
---|---|
主編程語言 | JavaScript |
編程語言 | Makefile (語言數: 7) |
平台 | Cross-platform, Web browsers |
許可證 | MIT License |
發布數 | 51 |
最新版本名稱 | v1.8.1 (發布於 2017-10-03 13:49:29) |
第一版名稱 | 1.0.0 (發布於 ) |
創建於 | 2014-03-24 02:10:05 |
推送於 | 2024-04-15 03:56:48 |
最后一次提交 | 2024-03-11 13:48:25 |
星數 | 28.3k |
關注者數 | 555 |
派生數 | 5.9k |
提交數 | 0.9k |
已啟用問題? | |
問題數 | 3596 |
打開的問題數 | 1201 |
拉請求數 | 242 |
打開的拉請求數 | 197 |
關閉的拉請求數 | 251 |
已啟用Wiki? | |
已存檔? | |
是復刻? | |
已鎖定? | |
是鏡像? | |
是私有? |
the last carousel you'll ever need
http://kenwheeler.github.io/slick
To start working with Slick right away, there's a couple of CDN choices availabile
to serve the files as close, and fast as possible to your users:
Just add a link to the css file in your <head>
:
<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
Then, before your closing <body>
tag add:
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
# Bower
bower install --save slick-carousel
# NPM
npm install slick-carousel
PLEASE review CONTRIBUTING.markdown prior to requesting a feature, filing a pull request or filing an issue.
In slick 1.5 you can now add settings using the data-slick attribute. You still need to call $(element).slick() to initialize slick on the element.
Example:
<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
<div><h3>1</h3></div>
<div><h3>2</h3></div>
<div><h3>3</h3></div>
<div><h3>4</h3></div>
<div><h3>5</h3></div>
<div><h3>6</h3></div>
</div>
Option