【发布时间】：2011-12-23 23:51:34
【问题描述】：
有没有办法使用尾声滑块一次显示多个面板？我想保持其原始滚动逻辑相同。唯一的区别是一次显示多个面板。例如视图中的 2 或 3 或 4 个面板。
我们将如何去做？
谢谢
【问题讨论】：
标签： customization panels coda-slider
【发布时间】：2011-12-23 23:51:34
【问题描述】：
这是一个示例，指向您想要的工作示例。我将解释为什么看起来麻烦多于其价值（假设您希望两个面板都包含灵活的内容）并告诉您我是如何做到的。
所以，最初的问题是 当前 幻灯片被考虑到高度。那么，如果下一张幻灯片包含更多内容并且需要更高的滑块高度怎么办？我想你需要为每个高度计算比较两者的高度。这并不难，但如果你不得不与 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 的宽度加倍。
如果我在这里遗漏了任何内容或未能正确解释某些内容，请告诉我。我很乐意再过一遍！由于在工作中继承了一个非常大量使用它的项目，因此我经常使用这个滑块。从那以后，我开始做一些定制的事情。
【讨论】：
-
感谢 steve 在滑块上提供如此丰富的信息。我的每个面板都将具有相同的确切宽度和高度。如果是这样，那么您呈现的 css 应该是直截了当的？
-
更具体地说，通过这种方式，您可以看到我要尝试的地方，我是否正在尝试复制与此中间页面滑块相同的效果 -> 左右滚动当您将鼠标悬停在每个框上时会弹出它 -> mgmgrand.com
-
啊，是的，请看这里：jsfiddle.net/echopony/UPMdc/2。它应该适合你。唯一的问题是它在到达末端时滑过每个面板，而不是在到达末端时才开始滑过（无限滑动）。
-
我非常感谢你，史蒂夫 - 你让我度过了一个美好的夜晚！谢谢！