Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
推荐jQuery响应式转盘/滑块_Jquery_Carousel - Fatal编程技术网

推荐jQuery响应式转盘/滑块

推荐jQuery响应式转盘/滑块,jquery,carousel,Jquery,Carousel,我正在搜索一个现成的jQuery插件(免费或付费),它允许我创建带有触摸支持的“响应式旋转木马” 它的工作方式是在站点的中间显示当前图像(定义图像的宽度和高度,对所有图像固定,图像垂直居中,旋转木马/滑块的高度不随浏览器宽度而改变),并在右侧显示部分或完全可见的下一个图像,在左侧显示上一个图像。 当浏览器变大时,会看到越来越多的“剪切”图像,如果浏览器足够大,会看到3张完整的照片,下一张照片会在右侧剪切,前一张在左侧剪切。 图像看起来像一个电影带,中间有一个图像,在浏览器窗口允许的范围内,在左侧

我正在搜索一个现成的jQuery插件(免费或付费),它允许我创建带有触摸支持的“响应式旋转木马”

它的工作方式是在站点的中间显示当前图像(定义图像的宽度和高度,对所有图像固定,图像垂直居中,旋转木马/滑块的高度不随浏览器宽度而改变),并在右侧显示部分或完全可见的下一个图像,在左侧显示上一个图像。 当浏览器变大时,会看到越来越多的“剪切”图像,如果浏览器足够大,会看到3张完整的照片,下一张照片会在右侧剪切,前一张在左侧剪切。 图像看起来像一个电影带,中间有一个图像,在浏览器窗口允许的范围内,在左侧和右侧可以看到尽可能多的其他图像

此图显示了此旋转木马在不同浏览器宽度下的行为。。。最暗的框是水平对齐的照片,其外部较亮的框显示不同的浏览器窗口高度:

对于那些在可视化我所说内容方面有问题的人,下一个屏幕将显示它的外观宽度浏览器窗口宽度1920px、1800px、1600px和1400px。这些是来自整个网站的作物,占据了整个浏览器的宽度。 我会用这个。它使用css3动画,因为它是纯css,所以您可以使用@media查询在屏幕大小改变时更改滑块上应用的css

通过查看此样板文件,您可以了解有关媒体查询的更多信息。您可以使用:

  • bxSlider:
  • FlexSlider:

我最近自己也在搜索类似的东西,发现了以下文章:

查看文章和他们网站上提供的示例,并将它们与您的需求进行比较,我认为或最适合您。第一个要求你自己去买


你应该看一下第一篇文章。有可能是我忽略了什么,或者你发现了更合适的

过去几天我一直在寻找类似的东西。到目前为止我的最爱

皇家滑块

这一个什么都有。触摸支持,高度可定制,响应性强的布局..你应该马上就可以开始跑步了。价格标签是12美元

carouFredSel

触摸功能也很强大,但不像royal slider那样无忧无虑和优雅,但同样是免费的。他们有一个非常不错的展示页面,上面有基于插件的各种旋转木马

这个可能会引起一些兴趣。。

在这种情况下,Wowslider可能很有用。。一次检查

类似的解决方案也可在

轻扫看起来相当得体,反应灵敏。它也非常平滑,支持在手机/平板电脑上刷卡


也许没有Royal Slider功能齐全,但它是免费的。

这个Slider很不错,但它不支持“film strip”外观ootb,而重新编码超出了我的编码能力:(你所说的胶片带是什么意思?你想让它从左到右滑动还是从右到左滑动或淡入淡出?看我帖子中的一幅图片。水平对齐的黑色矩形代表照片。中间有一个当前的(水平居中),并在浏览器窗口中放置尽可能多的左侧和右侧。如果不合适,则由浏览器窗口剪切。您可以通过滑动向左或向右移动一张照片。似乎RoyalSlider可能会将其移动给我。至于我正在考虑付钱给人来编写它,我也可以购买它:)。它符合所有要求:)嗨,marcin..是的,royalslider似乎相当一流,如果你遇到问题,你会得到客户支持。我找到了另一个,看起来也很有希望。。触摸起来非常平滑。我今天必须检查一下。是的,这两个看起来都很酷+1 bxslider代码非常好Wowslider有很多很酷的效果,非常好!虽然商业用途的成本为69美元。我讨厌一个超过10票的问题(对我们中的一些人来说显然很有用)被作为离题题而关闭>_