jQuery Mobile 中类似画廊的轮播[关闭]

Posted 2023-05-09

【中文标题】jQuery Mobile 中类似画廊的轮播[关闭]

【英文标题】：Carousel like gallery in jQuery Mobile [closed]

【发布时间】：2012-06-18 12:08:51

【问题描述】：

我很想在 jQueryMobile 中做这样的事情：

Carousel

我只需要一个滑块和选择哪个页面的指示器。它会显示一些图片。

所以我测试了很多图片库。但他们中的大多数人都这样做

a) 将缩略图作为初始界面或 b) 不适用于 jQuery Mobile。

有人知道一个简单的方法来开始吗？

【问题讨论】：

nivo 滑块现在可以响应，但不确定它是否是 100%，我个人在 jQuery Mobile 中使用过 flex 滑块，效果很好 - woothemes.com/flexslider/flexslider-demo

这很有趣...swipejs.com

我第二个@martincarlin87。我也在使用 flexslider，它或多或少有响应（你需要稍微调整 CSS），另外我还设法用“本机”JQM 元素替换滑块控件，所以我的点是纯图标按钮（没有图标）例如。

Photoswipe 可能是您所追求的，它对 jquery 移动设备友好（查看演示以获取示例）。

@martincarlin87 flexSlider 有点小问题 - 但版本 2 为我完成了这项工作！

【参考方案1】：

Cubiq 的Swipeview 非常好，轻巧且响应迅速。

它有您所要求的，仅此而已。在我用 jQM 测试过的滑块中，这是迄今为止响应速度最快的。

为了让它与 jQM 一起工作，您有三个选择：

在 jQM 之前初始化 将其包装在一个页面显示中 将其放在 iFrame 中

【讨论】：

在 Iphone 5s 上尝试了链接中的演示，这个看起来很酷！适用于左右滑动。

【参考方案2】：

Bootstrap 内置的默认轮播相当不错。结合一些自定义 css 可以创造奇迹。它有缩略图选项，我相信它可以与 jQuery Mobile 一起使用。 您可以使用以下链接查看它：

Boostrap Carousel

【讨论】：

在 Iphone 5s 上试用过，看起来很酷，但刷卡不起作用或不受支持。你必须按左/右箭头。

【参考方案3】：

ItemSlide.js 是一款出色的手机轮播工具，它简单、易于使用且体积小！可以在此处找到现场演示和文档：http://itemslide.github.io/

【参考方案4】：

Slick slider 是一个不错的小插件，可自定义。