爲Coda Slider 2.0顯示超過1個面板

Question

是否有一種方法可以一次顯示超過1個面板的尾部滑塊？我想保持原來的滾動邏輯相同。唯一的區別是，一次顯示多個面板。例如2或3或4個面板。

我們該怎麼做呢？

感謝

Answer 1

下面是在你想要什麼樣的工作示例的方向領導着一個樣本。我會解釋爲什麼它看起來比它的價值更麻煩（假設你想要兩個面板中的靈活內容）並告訴你我是如何做到的。

Here is the jsFiddle.

所以，最初的問題是，當前幻燈片考慮的高度。那麼，如果下一張幻燈片包含更多內容並需要更高的滑塊高度呢？我想你需要比較兩個身高的高度計算。這並不困難，但如果你不得不與Niall的代碼作鬥爭，這可能會導致更多麻煩。

第二個問題是您必須爲兩個元素設置靜態寬度，這在大多數情況下對於此滑塊是正常的，但可能會根據內容的不同而進行拖動。

總之：

.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 230px } 
.coda-slider { float: left; overflow: hidden; position: relative; width: 460px !important } 

你應該能夠找到在編輯器中使用find這些選擇。 !important是一個拖動，但如果您不想重新編寫大量代碼，則需要該拖動。基本上，你想設置.coda-slider .panel到你想要的每個面板的寬度，然後加倍寬度.coda-slider。

如果我在這裏遺漏了任何東西或未能正確解釋某些內容，請告訴我。我很樂意繼續這樣做！由於在工作中繼承了一個非常重要的項目，我一直在使用這個滑塊。自那時起，我開始轉向自定義。