【问题标题】:Carousel like gallery in jQuery Mobile [closed]jQuery Mobile 中类似画廊的轮播[关闭]
【发布时间】: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 为我完成了这项工作!

标签: jquery jquery-plugins jquery-mobile image-gallery


【解决方案1】:

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

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

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

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

【讨论】:

  • 在 Iphone 5s 上尝试了链接中的演示,这个看起来很酷!适用于左右滑动。
【解决方案2】:

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

Boostrap Carousel

【讨论】:

  • 在 Iphone 5s 上试用过,看起来很酷,但刷卡不起作用或不受支持。你必须按左/右箭头。
【解决方案3】:

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

【讨论】:

    【解决方案4】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-03-17
      • 1970-01-01
      相关资源
      最近更新 更多