0

有没有办法使用尾声滑块一次显示多个面板?我想保持其原始滚动逻辑相同。唯一的区别是一次显示多个面板。例如视图中的 2 或 3 或 4 个面板。

我们将如何去做呢?

谢谢

4

1 回答 1

1

这是一个指向您想要的工作示例方向的示例。我将解释为什么它看起来比它的价值更麻烦(假设您想要两个面板中的灵活内容)并告诉您我是如何做到的。

这是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.

让我知道我是否在这里遗漏了任何内容或未能正确解释某些内容。我很乐意再过一遍!由于在工作中继承了一个非常大量使用它的项目,因此我经常使用这个滑块。从那以后,我开始做一些定制的事情。

于 2011-11-07T22:26:40.450 回答