2017-02-06 57 views
0

我在我的項目中使用了Slick,我需要居中兩張幻燈片。不幸的是centerMode選項僅適用於奇數編號的slidesToShow計數。我試圖通過CSS集中活動幻燈片,但沒有效果。如何在滑動旋轉木馬中放置2張幻燈片?

你知道任何解決方案嗎?先謝謝你!


編輯:https://jsfiddle.net/lukaszflorczak/y7t64oqs/

我的旋轉木馬的例子。

我希望在小屏幕上有1個居中的項目,接下來的2,3等。不活動的幻燈片具有較少的不透明度。

+0

我不認爲光滑的旋轉木馬被設計爲居中放置2張幻燈片。它或者是你找到另一個提供你想做什麼或製作你自己的旋轉木馬的旋轉木馬。 – user3771102

+0

我知道Slick默認沒有這個選項。問題是我現在在項目的其他地方使用Slick,我想用一個插件做所有輪播。從一位光滑的貢獻者我有信息:「有一種方法來確定中心兩個活動幻燈片與CSS和JS」,但沒有細節。所以我希望這裏的某個人知道一個解決方案:) –

+0

請發佈您迄今爲止的代碼的工作示例,以便我們可以找到解決問題的方法。 – user3771102

回答

0

除了使用centerMode屬性外,通過將.slick-track的水平邊距設置爲auto,還可以使光滑的傳送帶幻燈片居中。

slick-track { 
    margin-left: auto; 
    margin-right: auto 
} 
+0

'.slick-track',但它無法正常工作。 – aaron

相關問題