问题标签 [swiper]

如果我有自定义菜单。

如何在 Swiper.js 中随时转到特定幻灯片？

我尝试了这样的事情，但没有奏效：

我在 iDangerous 的swiper.js之上使用 Andre Ruffert 的rangeslider.js ，但每次我滑动我初始化的 rangeslider 时，它也会刺激 Swiper 的触摸滑动事件，因此它们都同时滑动。在滑动 Rangeslider 时，我可以使用什么方法来禁用 Swiper？我是 jQuery 的新手，所以任何帮助都将不胜感激。

这是我的代码：

HTML

JS

我正在尝试使用图像映射（“热点”）来更改 JQuery Swiper 实现的页面。请参阅http://www.homeducate.me/takeTheTour.htm的测试页面 它有一个带有热点的图像，我希望能够单击以直接切换页面，同时仍然允许在页面之间滑动导航！

我正在尝试使用 idangerous.swiper.hashnav.min.js 插件，该插件允许将 #page 报告到 URL 中，并直接导航到特定的 #page。我希望这也能让我从图像地图导航到特定页面。

从我的代码中提取：

等等

我仔细阅读了实施说明，但在 Chrome 开发工具中出现错误：'Uncaught SyntaxError: Unexpected token <' in idangerous.swiper.hashnav.min.js

谁能帮我找到问题？我正在绞尽脑汁，但无法发现它。有没有更好的方法来实现我想要做的事情？任何帮助都非常感谢。

干杯。

背景

我正在使用Swiper为餐厅网站创建一个滑块，我想尽可能地对其进行语义编码。为了让您了解内容，每张幻灯片都有四个主要特点：

• 背景图片
• 菜单类别（即三明治）
• 菜单项
• 菜单项说明

如果您需要视觉（和食欲）：

我的解决方案

这是我能想到的最语义化的编码方式：

我的问题

1. 在标签中使用 a<dl>在语义上是否友好且 w3-OK？<figcaption>
2. 有没有比使用类更语义化的方式来显示幻灯片“标题”（又名类别）？我意识到这是一个单独的问题，但它是相关的，我无法将所有这些都塞进帖子标题中......

我的研究

我找不到与我所做的完全匹配的网站，但我找到了一些接近的网站：

• MDN有一些<cite>在<figcaption>.
• HTML5 Doctor有一个<a>和<code>里面一样的。
• 一个 SO 用户发布了一个间接相关的问题，但我在他们的标记中<p>注意到<figcaption>.

w3.org表示没有任何迹象表明我的方法不正确，所以我半肯定它没问题，但任何反馈都将不胜感激。

我有以下事件：

问题是当滑块准备好时添加了 .swiper-slide-active 类，但我认为用 .on 替换了 .live 事件。当您翻转具有该类的元素时，没有任何反应。有没有办法等到添加类？

滑块是这样启动的：

有没有办法同时拥有居中的幻灯片和无限循环，以及带有 swiper.js 的缩略图？我有以下设置，但是当我添加 loop true 时，它​​似乎不起作用。

http://machinas.com/wip/hugoboss/fall2014/startpage/variable-width/

谢谢

我正在使用 swiper 来显示一系列相同高度但宽度不同的图像，因此使用了不同宽度的方法。但是，我需要一个循环的解决方案。不同宽度的演示代码是： https ://github.com/nolimits4web/Swiper/blob/master/demos/14-different-widths.html

向脚本添加循环参数并不能实现我正在寻找的内容，例如

或者

谢谢

我正在使用iDangerous Swiper库与Jquery Mobile框架一起显示移动滑动触摸画廊。它工作正常，除非我离开索引页面（画廊所在的位置）然后回来，分页小部件无法正常工作。它仍然出现（我可以看到项目符号），并且它仍然是可点击的，即如果我“触摸”一个项目符号，画廊会滑动到相应的幻灯片并且项目符号变为“活动”，但它不能以相反的方式工作，在换句话说，它不会响应幻灯片更改：如果我在幻灯片中滑动，则当前活动的项目符号不会更新。

这是初始化代码：

该页面与 jquery mobile 的data-ajax="true"属性链接以保留全局范围。

我对 JQuery 滑块“Swiper”有疑问（此处的 API - http://www.idangero.us/sliders/swiper/api.php）。加载页面时，我需要将 Swiper 滚动到某个“幻灯片”。=> 我使用函数“mySwiper.swipeTo”来滚动 Swiper。这在函数“onSlideClick”中工作正常，但是当我将类似的代码添加到函数“onFirstInit”或“onInit”或“onSwiperCreated”时，没有任何工作（只有错误）。看起来 Swiper 不知道什么是“mySwiper”=> 使用“mySwiper.slides.length”之类的代码会出错并且 Swiper 不起作用。

Incicialization Swiper的代码示例：

这段代码写给我：“TypeError：zmena_obsahu_load 不是函数”但“zmena_obsahu_klik”没问题。

我的函数“zmena_obsahu_klik”工作正常=>忽略这个函数没有问题，为此而不是为我使用的东西写。

对不起我的英语不好。

根据此处提供的答案作为答案...

iDangerous Swiper 插件重置幻灯片

我正在尝试做这样的事情：

http://jsfiddle.net/monastic/ydKn2/17/

但控制台返回“无法读取 null 的属性 'init'”。

有什么建议么？