推荐一个jQuery响应轮播/滑块

Question

我正在寻找一个现成的jQuery插件（免费或付费），这将允许我创建＆＃34;响应式旋转木马＆＃34;有触摸支持。

它的工作方式是在网站中间显示当前图像（图像的定义宽度和高度，所有图像都是固定的，垂直居中的图像，旋转木马/滑块的高度不随浏览器宽度而变化），部分或完全可见的下一个图像在右边，在左边。 当浏览器变得越来越大时，越来越多的浏览器被削减了＃34;可以看到图像，如果浏览器很大，可以看到3张照片，下一张将在右边和前面左边。 图像看起来像一个幻灯片，中间有一个图像，左右可见的其他图像也是如浏览器窗口所允许的那样。

此图显示了此轮播在各种浏览器宽度中应如何表现...最黑暗的框是水平对齐的照片，其外的较亮框显示不同的浏览器窗口高度：

对于那些对我正在谈论的内容有疑问的人，下一个屏幕显示它应该看起来宽度为1920px，1800px 1600px和1400px的宽度。这些是来自整个站点的作物，填满浏览器的整个宽度。

Answer 1

我在过去几天里寻找的东西非常相似。到目前为止我最喜欢的

皇家滑块

http://dimsemenov.com/plugins/royal-slider/visible-nearby/

这个人得到了一切。触摸支持，高度可定制，响应式布局......您应该立即运行。价格标签为12美元。

<强> carouFredSel

也非常强大，支持触摸，但不像皇家滑块那样无忧无虑和优雅，但是再次，它的免费......他们有一个非常漂亮的展示页面，基于他们的插件的各种轮播..

这个可能有点兴趣.. http://coolcarousels.frebsite.nl/c/2/

Answer 2

您可以使用：

• bxSlider：http://bxslider.com/
• FlexSlider：http://www.woothemes.com/flexslider/

Answer 3

我会用这个。 http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/它使用css3动画，因为它是纯css，你可以使用@media查询在屏幕大小改变时更改滑块上应用的css。

通过查看此样板http://www.getskeleton.com/

，您可以查看有关媒体查询的更多信息

Answer 4

我最近在搜索类似的内容时发现了以下文章：http://www.tripwiremagazine.com/2012/12/jquery-carousel.html

查看文章及其网站上提供的示例并将其与您的要求进行比较，我认为http://codecanyon.net/item/icarousel/full_screen_preview/2527180或http://www.bkosborne.com/jquery-feature-carousel最适合您。第一个需要你买它。

你应该看看第一篇文章。我可能忽略了某些东西，或者你找到了更适合的东西......

Answer 5

在这种情况下，Wowslider非常有用..请查看一次 http://wowslider.com/jquery-slider-carousel-mac-stack-demo.html

也有类似的解决方案 http://www.smoothdivscroll.com/#quickdemo

Answer 6

滑动看起来相当不错并且响应迅速。它也非常流畅，支持在手机/平板电脑上滑动。

http://swipejs.com/

也许不像Royal Slider那样功能齐全，但它是免费的。