当前位置: 首页 > 知识库问答 >
问题:

单击事件的缩略图导航问题

鲁熙云
2023-03-14

我有一个问题与缩略图图像滑动。

预期行为

当我点击一个缩略图时,它应该会立即将主滑块的幻灯片更改为所点击的缩略图的索引。

实际行为

当我点击一个缩略图,它需要2-3次触发点击事件。在缩略图html" target="_blank">控制的滑块中,似乎有一些东西阻碍了点击事件的传播。然而,当我使用主滑块上的Next/Prev按钮时,缩略图运行良好。

以下是当前在您站点上的演示。
http://idangero.us/swiper/demos/300-thumbs-gallery.html

Github问题:
https://Github.com/nolimits4web/swiper/issues/2934

什么可能导致这种行为,我如何修复它?

共有1个答案

穆子琪
2023-03-14

我找到了,在Swiper中有选项是threshold,你可以在大于10的缩略图旋转木马中设置它

Swiper API:https://swiperjs.com/api/

 类似资料:
  • 问题内容: 我正在创建一个包含导航抽屉活动的应用程序。我正在主屏幕中加载不同的片段。现在,当我当时必须调用Fragment时,它可以正常工作,但是当我想调用某种服务(如call,图像选择器)时,我添加了setNavigationItemSelectedListener,它工作正常,但其他所有片段现在都无法加载。 问题答案: 当您打电话时,是说您要处理NavigationView中的单击事件,并根据

  • 我正在尝试创建以下图库: -一个大图像 -下面图库图像的缩略图 -大图像应在lightbox图库中单击后打开所有图像 我让lightbox画廊使用PhotoSwipe工作,当我点击大图像时,它就会触发。我也有缩略图在大图像下面的地方。我现在的问题是,当我单击其中一个缩略图时,我如何改变大图像?我见过很多例子(也是相当简单的例子),但在我的案例中似乎没有一个行得通。 下面是我为缩略图准备的代码: 我

  • 你能帮我用项目符号导航代替缩略图导航吗? 我更喜欢它,因为手机的功能非常简单。 https://demo.woothemes.com/storefront/product/build-your-dslr/#camera-身体

  • 本文向大家介绍vue二级菜单导航点击选中事件的方法,包括了vue二级菜单导航点击选中事件的方法的使用技巧和注意事项,需要的朋友参考一下 因为没有使用vue做一个真正完整的项目,所以乘着这个项目比较闲的时间,对标项目用vue做一些页面,丰富自己的项目经验。所以接下来基本都是一些简单的功能。 目标:一级导航点击收缩展开,二级导航点击选中 源码 主要是思路,具体的就不放了 以上这篇vue二级菜单导航点击

  • ap.onTitleClick(CALLBACK) 监听导航栏标题点击事件。 代码示例 <script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script> <h2 class="am-ft-center">点击导航栏文字</h2> <script>

  • 如何在相关产品和商店(目录)页面中点击产品缩略图到单个产品?它有一个添加到购物车包装被删除,现在它只是徘徊。 http://www.woodcabinetsite.com/product-category/kitchen-cabinets/ 此外,每个产品都以图库格式显示其缩略图(它们都堆叠在一起)——我想弄清楚如何让这些缩略图以旋转木马格式显示,因为每个产品都有5-10个图库图像。 http:/