0

我已经搜索了很长时间,并尝试将两个不同的插件放在一起来完成这项工作,但似乎没有任何效果。

你们知道有什么好的链接可以在 nivo 滑块的缩略图中添加一个滑块,这样您一次只能查看 5 个缩略图,当您单击或离开缩略图区域时,它会滑动以显示接下来的 5 个缩略图?

我尝试了 JSCarousel 和 ThumbnailScroller 到 .nivo-controlNav 标签,但其中任何一个都没有运气。

任何帮助将不胜感激,谢谢!

4

1 回答 1

0

似乎您可能需要设计一个自定义解决方案。我建议再次尝试使用 JSCarousel,我过去曾将它用于同样的解决方案并且成功了。否则,我不会为您编写代码,但伪代码将如下所示:

  1. 在一个 div 标签内列出所有缩略图,该标签是缩略图的高度(带有边距和填充)和自动宽度。用固定宽度围绕它包裹一个 div。例如,如果您有 90 像素的方形缩略图,并且您希望每个缩略图周围有 10 像素的填充,那么您的容器 div 高度为 110 像素,如果您想显示 5 个缩略图,那么您的宽度为 550 像素。最重要的是您的溢出必须设置为隐藏,这样就不会显示其他缩略图。
  2. 在两侧创建按钮。
  3. 单击一个按钮,将您的缩略图的左侧位置移动 550 像素(或您拥有的任何宽度)。
  4. 有条件语句来检查左侧位置是大于宽度(达到右限)还是小于 0(达到左限)。

希望这将为您指明正确的方向!

于 2012-04-07T19:44:54.857 回答