我正在搜索一个可用的jQuery插件(免费或付费),这将允许我通过触摸支持创建“响应式旋转木马”。
它应该工作的方式是在网站中间显示当前图像(定义的图像的宽度和高度,所有图像的固定,垂直居中的图像,轮播/滑块的高度不会随浏览器宽度而变化),部分或完全可见的右边的图像,上一个左边。
当浏览器越来越大的时候,越来越多的这些“剪裁”的图像会被看到,如果浏览器够大,3张照片将被完全看到,下一张照片会在左边和右边被剪掉。
图像将看起来像一个幻灯片,中间有一个图像,以及像浏览器窗口允许的左边和右边一样可见的其他图像。
此图像显示了这种轮播器应该在各种浏览器宽度中的行为…最黑暗的框是水平对齐的照片,其外的更轻的盒子显示不同的浏览器窗口高度:
对于那些有视觉化我正在谈论的问题的人,下一个屏幕显示它应该如何看宽度的浏览器窗口宽度1920px,1800px 1600px和1400px。那些是整个网站上的全部收割机的整个浏览器的宽度。
解决方法
我在寻找类似于过去几天的东西。到目前为止我的最爱
皇家滑块
http://dimsemenov.com/plugins/royal-slider/visible-nearby/
这一切都得到了一切。触摸支持,高度可定制,响应布局。您应该在任何时间运行。价格标签将为12 $。
carouFredSel
也是相当强大的,触摸是支持,但不如无忧无虑和优雅的皇家滑块,但再次,它的免费…他们有一个非常好的展示页面与各种转盘基于他们的插件..
这个可能有一些兴趣..
http://coolcarousels.frebsite.nl/c/2/