2017-03-05 14 views
0

任何人都知道旋轉木馬或旋轉木馬幻燈片在軌道上物化的項目?旋轉木馬項目在軌道上物化

我的意思是不同的嵌入旋轉木馬物化。

或知道一個tuto在軌道上實現owlcarousel?

非常感謝。

+0

https://github.com/acrogenesis/owlcarousel-rails – Ilya

回答

1

自己的實現是超級簡單:

  1. this到你的/供應商/目錄(每個文件應該放在相關的文件夾,例如CSS =>樣式表,JS =>中的JavaScript)
  2. 添加

    // =需要owl.carousel

@import 'owl.carousel' 

.. [也可以是其他的文件]​​

到你的application.js和application.scss(CSS)

  • 您可能需要額外的預編譯資產通過
  • Rails.application.config.assets.precompile + =%(重量)(owl.min.css owl.min.js)

  • 重新啓動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