2011-11-07 17 views
0

是否有一种方法可以一次显示超过1个面板的尾部滑块?我想保持原来的滚动逻辑相同。唯一的区别是,一次显示多个面板。例如2或3或4个面板。为Coda Slider 2.0显示超过1个面板

我们该怎么做呢?

感谢

回答

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

如果我在这里遗漏了任何东西或未能正确解释某些内容,请告诉我。我很乐意继续这样做!由于在工作中继承了一个非常重要的项目,我一直在使用这个滑块。自那时起,我开始转向自定义。

+0

谢谢你在滑块上提供如此丰富的信息。我的每个面板都有相同的宽度和高度。如果多数民众赞成的情况下,那么您提出的CSS应该是直截了当的? – blackhawk

+0

更具体一点,这种方式你可以看到我试图去的地方,我试图重复与这个中间页面滑块相同的效果 - >当你滑动左右滚动框时弹出每个框将鼠标悬停在它上面 - > http://www.mgmgrand.com/ – blackhawk

+0

啊,是的,请看这里:http://jsfiddle.net/echopony/UPMdc/2/。它应该适合你。唯一的解决方法是,它在到达最后时通过每个面板滑回,而不是在它到达末端(无限滑动)时开始滑动。 –