关于Swiper基础演示中,缩略图控制的一些问题!

查看数: 18078 | 评论数: 11 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
发布时间: 2016-6-17 09:47

正文摘要:

请路过大神帮忙调教!!! 按照基础演示中的做出来的效果如此 二:点击小图,大图不切换 三:滑动大图时小图切换不准确,且active状态添加也不准。 请路过大神帮忙调教!!! ...

回复

S级英雄BUG骑士 发表于 2019-7-25 17:50:12

楼主,我想问下:Swiper Chrome浏览器下Thumbs缩略图滑动控制下好像有BUG,鼠标按住不动,稍微滑动一点点,好像就被监听到的感觉,直接自动跳回到前几张图片,操作多次之后,nextbutton右滑按钮直接变灰,后面的图片划不过去了,只展示前面的几张图片,换个浏览器就没问题了,测试过之后不是代码问题!!!!
yanguoqiang29 发表于 2019-6-10 15:26:43
同求一个DEMO,我的会出现缩略图显示不全的问题。
还有如果手动把缩略图那一行拖动一下,有很大几率造成顺序出错
web_小虾米 发表于 2018-12-8 15:56:07
求一个demo
ifyou 发表于 2017-11-21 15:01:51
你好  我想问下   你是如何让分页器很多可以滚动的?  
gaozai 发表于 2017-4-13 19:13:01
您好楼主 您能把html代码发一下吗 谢谢谢谢
zhanglin 发表于 2017-2-27 12:01:29
楼主你好,我复制了demo的缩略图代码到我的盒子里面,为什么显示不了,我把我的所有代码删掉就可以
龙龙龙 发表于 2016-12-3 12:00:25
凉凉凉 发表于 2016-11-21 14:14
刚刚解决了,直接用分页器写,不要用双向控制器了

能不能发html+css看看啊
凉凉凉 发表于 2016-11-21 14:14:57
刚刚解决了,直接用分页器写,不要用双向控制器了
  1.     var galleryTop = new Swiper('.gallery-top', {
  2.         nextButton: '.swiper-button-next',
  3.         prevButton: '.swiper-button-prev',
  4.         spaceBetween: 10,
  5.         pagination: '.swiper-pagination',
  6.         paginationClickable: true,
  7.         paginationBulletRender: function (swiper, index, className) {
  8.             return '<span style="background:url('+imageinfo[index].file_name+')" class="' + className + '"></span>';
  9.         },
  10.         onSlideChangeEnd: function(swiper){
  11.             var index = swiper.activeIndex;
  12.             $(".width_height").html(imageinfo[index].width_height);
  13.             $(".resolution").html(imageinfo[index].resolution);
  14.             $(".size").html(imageinfo[index].size);
  15.             $(".color").html(imageinfo[index].color);
  16.             $(".create_time").html(imageinfo[index].create_time);
  17.             $(".format").html(imageinfo[index].format);
  18.         }
  19.     });
复制代码

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-11-23 23:42 , Processed in 0.073857 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表