问题标签 [swiper]

我正在使用 Swiper 在 SlideEndChange 上动态附加和预先添加幻灯片，但是在附加新幻灯片后，activeSlide 会跳回到开头。

这是我到目前为止所尝试的：

JSFiddle

编辑：在 JSFiddle 上添加工作功能和示例...感谢 Rafael Lepkoski

我对 PHP 页面上的 iDangerous swiper 有一个奇怪的问题...我目前正在对我公司使用的触摸屏信息亭进行一些更新（最大的变化是从 MySQL 数据库迁移到 SQL Azure 云数据库）。它现在用于将纯文本数据从 SQL 加载到相对较小的数据库中的单个 swiper 幻灯片中。There are different selectable categories with varying result set sizes, and smaller ones seem to work just fine, but when larger categories are selected, there seems to be some sort of timing issue or something and the entire swiper container either disappears or just totally fails to加载。我们拥有的最大结果集大约有 75 条记录左右，从直接查询中实际加载并不需要任何时间，所以我不知道发生了什么。目前，iDangerous swiper 超时设置为 1000 毫秒，如果我将该数字增加到 5000 毫秒，它可以解决问题。问题是，每次选择不同的类别来加载基本文本结果时，用户端都必须等待 5 秒钟，这真的很糟糕。除了限制结果集（会破坏目的，所以这不是一个真正的选择）或使超时无法使用之外，我们可以采取哪些方法来解决这个问题？我在查询原始数据库（当时在 localhost 上运行）时没有遇到这个问题，所以我猜它可能与 SQL Azure 到 PHP 的连接有关？每次选择不同的类别来加载基本文本结果时，用户端都必须等待 5 秒钟，这真的很糟糕。除了限制结果集（会破坏目的，所以这不是一个真正的选择）或使超时无法使用之外，我们可以采取哪些方法来解决这个问题？我在查询原始数据库（当时在 localhost 上运行）时没有遇到这个问题，所以我猜它可能与 SQL Azure 到 PHP 的连接有关？每次选择不同的类别来加载基本文本结果时，用户端都必须等待 5 秒钟，这真的很糟糕。除了限制结果集（会破坏目的，所以这不是一个真正的选择）或使超时无法使用之外，我们可以采取哪些方法来解决这个问题？我在查询原始数据库（当时在 localhost 上运行）时没有遇到这个问题，所以我猜它可能与 SQL Azure 到 PHP 的连接有关？

提前感谢您的建议！

我正在尝试使用插件刷卡器和“淡入淡出”效果创建一个站点。问题是，当我启用“淡入淡出”时，它会使我的所有链接和文本都无法点击，就像它是图像一样（我也无法选择文本）

这是我的脚本：

但是当我删除“效果：淡入淡出”时，它可以工作（除了没有淡入淡出，而是滚动）

对不起，如果我不清楚，谢谢你的回答。

我有一个Swiper滑块和一个像“1/10”这样的计数器位置。我想用动画更改当前的幻灯片编号（1）。我知道如何替换数字，但是有了这个动画，就像另一个故事：

正如您在 gif 上看到的那样，如果我适度单击滑块，它会很好地工作，但是当我双击下一个链接时，这完全打破了计数器，因为这个 gif 示例中的克隆.
你知道我怎样才能以更好的方式做到这一点吗？

我做了一个 jsfiddle，只为第一次计数更改工作：
- http://jsfiddle.net/asb39sff/1/

我正在尝试创建与此处相同的内容滑块，唯一的问题是它们具有文本和图像，而我只想要图像。

基本上在第一页上它会显示缩略图，因此当您单击其中任何一个时，它会跳转到该特定幻灯片。

我已经尝试使用 swiper jquery 插件设置滑块，但我无法让它跳转到特定的幻灯片，这是我的代码：

Jsfiddle在这里https://jsfiddle.net/yuv72u60/

寻求帮助！

谢谢

我是 jQuery 新手，从过去 1 周开始一直在这里苦苦挣扎。我正在使用 ajax 调用从 JSON 数组加载数据，并使用一个“滑动”插件在同一 div 上的页面上滑动和加载所有图像。但我不知道如何将类添加到父 div 和子元素。我的代码是：

我没有在这里写完整的代码只需要的部分我在上面的代码中也写了一切正常，即使控制台中没有一个错误，但是.swiper-container，.swiper-container，.swiper-slide 没有加载时页面加载，所以我不能刷我的图像。我尝试过“on”、“delegate”和“bind”，但在页面加载时无法附加这些类。

我为匈牙利的演示制作了一个快速的图像滑块。桌面版很好，在iPhone 4上测试很好，但是当我们在iPhone 6上测试时，滑动功能不起作用。

这仅在第一次尝试时发生，如果我们旋转设备并旋转回来，则滑动恢复正常。但是它会被客户查看，所以如果他们在第一次尝试时不能正确使用它，他们可能会关闭它并且不会再尝试。

我正在为这个滑块使用Swiper。

链接到我的滑块

我正在使用 AngularJS、jQuery、HTML、CSS 和 Bootstrap 制作一个 Web 应用程序，我想从位于 Apache2 服务器中的 JSON 中挑选一些图像链接，并使用它们在我的主页中呈现这些图像. 我也想像在旋转木马中一样滑动它们。为了完成这项工作，我正在尝试使用iDangero.us Swiper。

当我用 3 个分开的 div 选择我的图像时，我没有问题。我得到我的图像，然后我通常可以随意滑动它们。我这样做如下所示：

主要.html：

我使用 Swiper 从一个图像滑动到另一个图像，它似乎可以正常工作。这是一个 jQuery 插件，你可以在这个链接上看到一些演示。

Swipers.js：

杰森：

主控制器.js：

问题是，当我尝试使用ng-repeat而不是 3 个单独的 div 时，我再也看不到它们，并且我的 Swiper 脚本在它们完全加载之前触发。我的控制台或 JSON 中没有错误（使用 JSONLint 验证）。下面，我在这两种情况下添加了我的输出的 2 个屏幕截图。

使用 3 个单独的 div：

不使用 ng-repeat：

这是我尝试使ng-repeat工作保持与以前相同的控制器和相同的 Swiper 脚本的代码：

主要.html：

mainJson.json：

为了在触发脚本之前加载我的图像，我正在尝试使用 2 个自定义指令。

isLoaded告诉我最后一个ng-repeat元素何时加载并设置pageIsLoaded = true;：

gettingTheScript等待pageIsLoaded = true;并加载脚本：

他们似乎没有解决我的问题。console.log('page Is Ready!');做第一个的时候我也看不到。

当我必须在页面加载后触发像 Swiper 这样的脚本以避免此类问题时，我只是遇到了一些麻烦。我的图像似乎没有高度。我认为这个问题是由于ng-repeat在触发我的脚本之前没有完全加载造成的。

我究竟做错了什么？有更好的解决方案吗？

我想将幻灯片附加到特定的 div 元素，该幻灯片的宽度和高度与普通幻灯片不同。我按照他们在文档中指导的步骤进行操作。但是，我不能像其他幻灯片那样设置宽度和高度。我的代码是，

在那里，通过onclick事件，我得到了那个divid，通过这个 id，我得到了列值。然后我将我的幻灯片附加到具有该列值的最后一个元素之后。

我的附加幻灯片是这样的：

我该怎么做？我为此浪费了几个小时。

我一直在寻找几天来弄清楚如何在 Drupal-7 中更改 swiper (v 7.x-1.4) 模块的选项。文档清楚地解释了模块期望如何使用这个钩子。我正在寻找一个关于如何从 swiper API 实现以下选项的简单代码示例：

我能找到的唯一文档参考来自模块中的 README.txt：

我对 Drupal 还很陌生，但我正在努力学习。我试图创建一个简单的自定义模块来实现这些选项。我调用了我的模块 myCustom，创建了 /drupal/sites/all/modules/myCustom 目录，其中包含以下文件：

myCustom.info：

myCustom.module：

我知道我有多个问题。Drupal 拒绝按原样启用我的模块，我不知道为什么。我检查了 admin->reports->recent log messages 报告，发现没有任何相关的东西至少可以帮助我进行故障排除。

有什么想法可以解决这个问题吗？有没有人有我可以复制和修改以使这个钩子工作的代码的工作示例？

提前感谢您的任何帮助！