0
A
回答
1
自己的實現是超級簡單:
- 將this到你的/供應商/目錄(每個文件應該放在相關的文件夾,例如CSS =>樣式表,JS =>中的JavaScript)
添加
// =需要owl.carousel
和
@import 'owl.carousel'
.. [也可以是其他的文件]
到你的application.js和application.scss(CSS)
- 您可能需要額外的預編譯資產通過
- 重新啓動rails服務器。
現在JS(CoffeeScript的)
$( '旋轉木馬'。)owlCarousel 導航:真 項目:1 循環:真正 導航:假 自動播放:真 autoplayTimeout:5000 autoplayHoverPause:真 return
佈局(這是苗條的模板)。
.carousel.owl-carousel.owl主題 .item .ui.container .slogan 跨度幻燈片1 .item .ui.container .slogan 跨度幻燈片2 .item 的.ui .container .slogan 跨度幻燈片3
Rails.application.config.assets.precompile + =%(重量)(owl.min.css owl.min.js)
相關問題
- 1. 旋轉木馬內的旋轉木馬
- 2. 引導旋轉木馬:旋轉木馬
- 3. 多項目響應旋轉木馬
- 4. 刷新旋轉木馬項目
- 5. 旋轉木馬
- 6. 旋轉木馬或旋轉木馬或在同樣的活動軌道移動圖像
- 7. jQuery .click()在旋轉木馬內的項目上
- 8. 在手機上顯示一個Bootstrap旋轉木馬項目
- 9. 旋轉木馬博
- 10. jquery旋轉木馬
- 11. Papervision旋轉木馬
- 12. Bootstrap旋轉木馬
- 13. JavaScript旋轉木馬
- 14. iPhone - 旋轉木馬
- 15. 旋轉木馬標題未顯示在全寬標題旋轉木馬上
- 16. 在引導旋轉木馬
- 17. 在引導旋轉木馬
- 18. 圓滑的旋轉木馬:顯示centerMode上的所有項目
- 19. 微型旋轉木馬上課加入可見項目分頁
- 20. 訪問不可見的旋轉木馬上的項目
- 21. Bootstrap旋轉木馬控制旋轉木馬之外
- 22. 父級旋轉木馬裏面的兒童旋轉木馬js
- 23. 旋轉木馬 - 將不同頁面添加到旋轉木馬
- 24. 如何讓旋轉木馬滾動旋轉木馬Bootstrap
- 25. 在IE 7+上貓頭鷹旋轉木馬淡化轉換
- 26. bootstrap旋轉木馬刪除旋轉木馬控件上的漸變使用.less
- 27. 旋轉木馬縮略圖,添加類到下一個旋轉木馬旋轉
- 28. jQuery旋轉木馬,放大/特徵項
- 29. jQuery旋轉木馬跳轉到錯誤的項目
- 30. WPF旋轉木馬/旋轉元件
https://github.com/acrogenesis/owlcarousel-rails – Ilya