我试图在悬停时自动滚动。我正在尝试做的一个例子https://www.halo-lab.com/

我使用的代码：

我正在尝试在这里做https://profi.ngens.ru/boris/src/index.html但到目前为止还没有任何结果。

我正在使用Swiper JS版本 3.4.2 处理页面。此页面有一个画廊，其中包含来自外部 API 的动态图像。

使用延迟加载组件加载图像。有效的图像 URL 正确加载，没有任何问题。但似乎没有办法处理无效的图像 URL。

我检查了 Swiper JS API 文档和 gitub 上的项目问题。看起来没有事件处理程序或任何触发器来处理无效图像。但我可能会遗漏一些东西......

如果图像无法加载（例如 404 错误），有什么方法可以从 swiper js 库中删除幻灯片？

我不知道这是否被允许，但我有一个两部分的问题。如何将 swiper.js 和 swiper.min.css 与 Laravel 集成？我正在使用 Laravel Mix 编译 JS 和 SASS 文件。我的第二个问题是，如何在 Laravel 中调用“onClick”事件函数？我正在使用 Laravel 7.3.1。

应用程序.js

刀

对于问题的第二部分——我想在我的 Blade/view 中调用以下函数。

通过以下方式在我的 Blade 中包含该功能：

我尝试了以上所有方法，但似乎没有任何效果。请帮助，您的帮助将非常有帮助。

我有一个使用Swiper轮播的网站，链接在这里：https ://jom-tolong.herokuapp.com

问题是导航元素是不可见的，但可以工作，分页不受影响。这只发生在 Safari 和 Chrome 中，在 Firefox 上，一切正常并且看起来很好。

以下是相关代码：

Javascript

HTML

谢谢阅读！

我正在使用 Swiper.js 在同一页面上创建多个滑块。

对于我正在编写的程序，我试图访问页面上的第二个滑动器，并根据我给它的参数将它移动到某个幻灯片。我可以使用
var mySwiper = document.querySelector('.swiper-container').swiper;
我尝试通过
var mySwiper = document.querySelectorAll('.swiper-container')[1].swiper;
控制台日志访问第二个刷卡器来访问第一个刷卡器mySwiper，它在两种方法上都返回相同的结果。

我也尝试过使用var mySwiper = document.querySelector('.swiper-container:nth-child(2)');，但返回null的不是刷卡信息。

getElementsByClassName也返回正确的值，但不让nextSlide()函数执行。

我想mySwiper.slideNext();在他们两个上使用，但它只适用于querySelector，而不是 selected querySelectorAll。

问题是 querySelector 是实时的，而 querySelectorAll 是静态节点列表。如果我可以让 querySelectorAll 生效，我可以解决这个问题，但是，我还没有找到任何关于它的文档。

我的完整代码：

功能运行不受干扰。

我尝试在滑块缩放时禁用滑动功能，以确保当用户拖动图像进行缩放时，他们不会触发滑动到下一张或上一张幻灯片。

我尝试使用allowTouchMove，但这仅适用于chrome，不适用于safari、firefox或edge。

使用allowSlidePrev，allowSlideNext禁用缩放上的上一张和下一张幻灯片，但是当我单击画廊缩略图时，它也会禁用那里的点击。是否有另一种禁用滑动事件的方法，但允许拖动，并且图库事件是可点击的？

我使用 swiper.js 框架，当我添加一个效果元素时，一切正常：

但是当我添加另一个 swiper 元素时，它会采用第一个的行为，我的意思是它们的行为相同，但它们应该有所不同，因为它们是

我尝试更改类名，但没有，我是否必须只使用 swiper 来获得一种效果？或者我可以将它用于不止一种效果，但我只是不知道如何使用它？

我正在尝试展示一些产品的 Django 模板。我尝试过Swiper js 类在 div 中显示这些产品。在这些产品中有两个按钮“prev”和“next”用于水平滚动。

在我的产品模型中，我从管理员那里插入了一个产品，并查看它在Swiper div 中的显示方式。但是每当我尝试单击“上一个”或“下一个”或通过“光标”抓取时，它都会显示该元素的重复项

我从这个链接得到了想法。

我的产品在 Swiper div 中显示的图片：

Django 模板中的 HTML 代码：

JavaScript 代码：

任何帮助将不胜感激。提前致谢！

有没有办法将事件与 swiperjs 的实例附加到反应中？我尝试使用下面的方法，但它无法识别 slideChange 的 on 事件。

我正在尝试使用 ion-modal 中的 ion-slide 显示图像预览。但是缩放功能不起作用。我添加了幻灯片选项。但不工作。随后，缩放功能与普通页面一起使用。

backdropDismiss : true单击背景时第二个问题未关闭模式

这是代码

page.html

页面.ts

模态的.html

模态的.ts