【问题标题】:Any suggestions for a simple jquery slider with auto height and custom prev/next navigation?对于具有自动高度和自定义上一个/下一个导航的简单 jquery 滑块有什么建议吗?
【发布时间】:2011-09-14 06:15:51
【问题描述】:

我很难找到一个不错的小 jquery 插件,它可以让我在我的网站上浏览推荐。

推荐可能有不同的长度,所以理想情况下,我希望滑块能够根据推荐的长度自动调整。

我也非常希望能够创建自定义的上一个/下一个链接,这样我就可以将它们放置在我想要的任何位置并按照我的喜好设置它们的样式。

到目前为止,我已经找到了这对夫妇:

http://slidesjs.com/(自动高度:是 | 自定义上一个/下一个链接:否)

http://webbies.dk/SudoSlider/(自动高度:是 | 自定义上一个/下一个:是)

第二个选项看起来可能适合我想要的,因为它同时具有自动高度功能和自定义上一个/下一个链接功能。

如果有人有任何其他建议,我将非常感激。

那里似乎有很多 jquery 滑块,但我能找到满足这些要求的很少。

任何帮助将不胜感激:o)

【问题讨论】:

  • 我喜欢 SudoSlider,谢谢分享!
  • 没问题,我也刚找到,挺好看的哎。
  • +1 用于链接到 SudoSlider。我喜欢自动高度演示。
  • 我也是,因为周围似乎没有很多带有自动高度选项的滑块。
  • 有几个“TAB”插件具有动画自动高度。只需隐藏导航部分并使用 setInterval 设置动画。

标签: jquery jquery-plugins slideshow


【解决方案1】:

这是我最喜欢的:

http://jquery.malsup.com/cycle/lite/

您可以将推荐书全部放在一个列表中,并在加载 js 后执行:

$(".slideshow").cycle();

它会让每个推荐都有它自己的高度,我相信它也可以下一个/上一个。

【讨论】:

  • 我之前用过几次循环插件,非常棒!不确定它是否具有我正在寻找的自动高度功能。我看了看,发现你也许可以让循环插件按照我的意愿行事,但你必须添加一个 onAfter 函数。更多细节可以在这里找到:link
  • 这是一个使用它的网站,有不同长度的推荐:logonscience.com/html/about.php
  • 它似乎确实有效。不确定在那个例子中他们是否在他们的推荐下面有一个 div,这个 div 会根据推荐的高度很好地上下移动。也许会,我得调查一下。我所追求的主要是一个漂亮的动画自动高度效果。我正在使用slidesjs atm,因为我研究了如何添加自定义上一个/下一个导航,它有一个很好的滑动自动高度效果:)
  • @ade123 我很好奇...您是如何将自定义上一个/下一个导航添加到 Slidesjs 的?您是否使用trigger 模拟了对隐藏的上一个/下一个链接的点击?
  • 对不起,Julien,我已经有一段时间没有这样做了,所以不记得我到底做了什么。这是我使用它的页面elementgraphics.co.uk/development/adrian
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-06-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-12-07
相关资源
最近更新 更多