23得票10回答
如何在angular中使用swiper 9

我正在迁移到 Angular 15,看到 Swiper 9 已经发布。 文档中写道只需要简单的npm i swiper 安装就可以使用,因为 自定义元素在所有主流浏览器和几乎所有框架中都得到支持。 但是我有点迷惑,因为无法再模块中导入它。 是否有人知道如何在 Angular 中使用...

21得票7回答
如何在Swiper.js中检测当前幻灯片?

使用Swiper JS制作幻灯片,希望能够检测到当前的图像/幻灯片。如何在HTML和JS中进行检测?有什么想法吗?<div class="swiper-container"> <div class="swiper-wrapper" align="center">...

20得票2回答
Swiper高度自适应调整

我已经在[REMOVED]中添加了swiper代码。 我的代码如下:<div class="swiper-container"> <div class="swiper-wrapper"> <!--First Slide--> &...

19得票14回答
如果只有一个幻灯片,禁用Swiper滑块

我正在网站上使用swiper轮播,并希望在只有一个幻灯片的情况下将其禁用。 目前,如果只有一个幻灯片,则会出现分页,并且您可以单击或滑动。如果只有一个幻灯片,则理想情况下不应有任何交互。 我的当前js代码如下: var swiper = new Swiper('.swiper-conta...

19得票9回答
iDangerous Swiper出现动态内容问题

我正在一个容器上应用idangerous swiper滚动条插件,该容器的内容是通过ajax动态加载的,在ajax调用之后初始化插件,问题在于滚动条直到我调整浏览器大小才能工作。 我已经测试了静态内容,它可以正常工作,不需要调整窗口大小,但一旦切换到动态内容,则滚动条在调整窗口大小之前都无法使...

16得票7回答
JavaScript Swiper原生导航功能无法工作。

我在网站上使用swiper制作一个滑块。不幸的是,在Chrome浏览器中,导航无法工作。按钮出现了,但是没有任何反应。 这是我的代码:<div class="swiper-container"> <div class="swiper-wrapper"> ...

15得票3回答
当Ng-Repeat元素加载完成后运行jQuery Swiper脚本

我正在使用AngularJS、jQuery、HTML、CSS和Bootstrap制作一个Web应用程序,我想从位于Apache2服务器中的JSON中挑选一些图像链接,并将它们用于在我的主页面中呈现这些图像。我还想像走马灯一样滑动它们。为了实现这个功能,我尝试使用iDangero.us Swip...

14得票5回答
如何在Swiper实例之外使用useSwiper?

我正在使用Swiper for React来展示幻灯片。我遇到了一个问题,就是如何使用外部按钮在幻灯片之间导航(上一页和下一页)。 Swiper有一个useSwiper 钩子(hook),可以提供编程访问其Swiper实例API的方法。 但是它没有起作用。这是我的代码: import { u...

14得票6回答
使用iDangerous Swiper跳转到特定幻灯片

如果我有一个自定义菜单。 在Swiper.js中,如何在任何时候跳转到特定的幻灯片?<div class="menu"> <ul> <li class="slide-3">go to slide 3</li> <l...

13得票11回答
当鼠标进入时停止swiper幻灯片自动播放,当鼠标离开时开始自动播放。

如何在鼠标进入时停止Swiper幻灯片自动播放,在鼠标离开时开始自动播放?我尝试了.stopAutoplay()和.startAutoplay()函数,但对我没有用。 谢谢,以下是代码。我遇到了控制台错误。 Uncaught TypeError:swiper.startAutopla...