为Coda Slider 2.0显示超过1个面板

Question

有没有办法用coda滑块一次显示多个面板？我想保持其原始滚动逻辑相同。唯一的区别是，一次显示多个面板。例如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的宽度加倍。

如果我在这里遗漏了任何内容或者未能正确解释，请告诉我。我很乐意再多说一遍！由于在工作中继承了一个非常大量使用它的项目，我已经使用了这个滑块。我已经开始定制了一些东西。