swiper相关内容

滑动幻灯片-显示上一个/下一个幻灯片(如Airbnb Slider)的结束/开始?

上方是Airbnb上的滑块.有没有办法通过 Swiper 来获得类似的效果? 对于第一张幻灯片,左侧有一个空白区域,然后开始 下一张幻灯片. 在中间幻灯片中,有上一张和第二张的开头和结尾 下一张幻灯片. 最后一张幻灯片的右边是空白,而上一张幻灯片的末尾是左侧. 解决方案 只需使用小数位设置slidesPerView选项,例如: var swiper = new Swiper ..
发布时间:2020-05-10 00:11:58 其他开发

图片库滑动器未显示在jQueryMobile页面上

我正在jQueryMobile页面上使用 swiper by idangero.us . 我的HTML文件由两个“页面"组成.其中一个应该有一个图片库.在没有jQueryMobile的情况下,它可以很好地查看图像,并且滑块可正常使用.但是,一旦我使用jQueryMobile,图像就不再显示. 我发现的最相似的问题是: Swiper在Jquery Mobile中不起作用 但这并没有帮助我 ..
发布时间:2019-11-19 17:42:26 前端开发

图片在轮播模式下消失(jQuery Swiper插件)

我正在使用iDangero.us Swiper插件作为主页滑块,并且在所有浏览器中都遇到了一个特殊的问题.我有4张幻灯片(每张都是一个div,里面有背景图片以及一些文本和图像),直到我滑动(或单击“下一步"按钮)从最后一张幻灯片转到第一张幻灯片之前,所有幻灯片看起来都很好.新幻灯片显示为全白色,只需轻轻拖动即可使其正确显示. 有趣的是,如果我向后滚动(将滑块拖动到左侧或单击“后退"按钮),则 ..
发布时间:2019-11-18 12:24:25 JavaScript

如何以干净的方式设置动画并更改滑块的相对位置?

我有一个滑动器滑块和一个类似"1/10"的相对位置.我想用动画更改当前幻灯片编号(1).我知道如何替换数字,但是用这个动画,就像另一个故事: 正如在gif上看到的那样,如果我适度单击滑块,效果很好,但是当我双击下一个链接时,如果双击两次或三次,这完全会破坏计数器,因为此gif示例. 你知道我该怎么做吗? 我做了一个jsfiddle,仅用于第一次计数更改: — http://jsfi ..
发布时间:2019-11-14 12:18:01 前端开发

加载Ng-Repeat元素后运行的jQuery Swiper脚本

我正在使用AngularJS,jQuery,HTML,CSS和Bootstrap制作一个Web应用程序,我想从位于Apache2服务器中的JSON中选择一些图像链接,并使用它们来渲染这些图像.我的主页.我也想像旋转木马一样擦拭它们.为此,我尝试使用 iDangero.us滑动器. 当我选择3个div分开的图像时,我没有任何问题.我得到图像后,通常可以根据需要滑动它们.我这样做如下所示: ..

swiper自定义分页只能滑动一次

我使用 swiper 制作了一个非常简单的图像滑块,然后使用swiper的"paginationCustomRender" jQuery和数据属性,它可以很好地生成分页,并且在滑动时一切正常,但不可单击,因此当单击分页中的一个标签时,我添加了一个小函数告诉滑块"slideTo()"目标幻灯片,但它只能工作一次,该功能将不会再次启动. 我进行了搜索,发现大多数人没有使用swiper的内置选项,而是自 ..
发布时间:2019-11-12 17:06:17 JavaScript

可以禁用幻灯片的触摸模拟,但不能禁用滚动条(idangerous swiper)?

我的页面上有一个idangerous swiper,可以成功模拟幻灯片和随附滚动条上的触摸事件(允许鼠标单击和移动以向左或向右滑动幻灯片)。 这很好,但我现在已经在滑动器内的幻灯片上调用了draggable,这意味着我需要停止此触摸模拟(拖动幻灯片并同时移动它们会造成混乱) - 但仅限于幻灯片,而不是滚动条(我仍然需要滚动条才能像鼠标点击和移动一样运行)。 我尝试过什么 根据AP ..
发布时间:2019-06-07 20:59:03 前端开发

动态内容的idangerous swiper问题

我在内容动态加载ajax的容器上应用了idangerous swiper滚动条插件,我在ajax调用后初始化插件,问题是滚动不起作用,直到我调整浏览器大小。我已经使用静态内容对其进行了测试,它工作正常,无需调整窗口大小,但一旦切换到动态内容,滚动将无法工作单元我调整浏览器大小。 以下是初始化插件的方法 var mySwiper = new Swiper('。swiper-contai ..
发布时间:2019-06-07 17:50:36 前端开发

iDangero.us Swiper多个实例

我正在尝试添加多个swipers( http://www.idangero.us/swiper/)在我的网站上。我想添加动态的swipers,所以我为每个swiper使用相同的类。每个swiper看起来像这样: ..
发布时间:2019-05-25 18:10:36 JavaScript

ios 9 mobile safari有一个闪烁的错误,变换scale3d和translate3d

我开发了移动网站的菜单: http://famosos.globo.com/ (点击汉堡图标在页面的底部) 使用swiper 3.0.8的品牌旋转木马,当你在ios 9 safari上向任何方向滑动时,品牌会一直闪烁。 我发现这是因为我使用了transform:scale3d(也适用于正常变换:scale)而swiper的translate3d发生了。 我尝试过使用保存-3d和背 ..
发布时间:2018-09-18 09:46:20 移动开发

Swiper相对于标题中的其他元素的位置

您好我在我的头文件中实现了Swiper,但是我在正确定位时遇到了问题。 我想要什么: 导航菜单顶部的FUll高度Swiper 我有什么: 有限高度Swiper 或全高覆盖导航菜单 从我对css的非常有限的理解中,我认为我应该将我的 header.css 定位为相对位置,并将元素定位的css 定位作为绝对。问题是,我不知道Swiper将显示的图片的确切尺寸(定位为绝对), ..
发布时间:2018-06-25 18:50:29 前端开发

webapp - 手机端上触摸事件一般什么情况会用到

问 题 手机端的静态页面做好了,哪些地方会用到触摸事件,除了轮播广告肯定要用到,还有把click事件都绑定tap事件,页面上还有哪些地方要用到,本人手机端页面用了zepto.js库,所以配套用了touch.js组件,发现tap事件反应到时挺快,至少比click快了200~300毫秒,但是swipe事件真机上测试发现延时很多,4个方向都是一个情况。 为了解决问题查了很多资料,比如说看了《43 ..
发布时间:2017-09-06 11:28:00 其他开发

webapp - swiper做移动端怎么用rem单位?

问 题 开发文档那里有可以强制固定div的宽高 但是那个是像素的 不能随着屏幕大小改变font-size适应屏幕 解决方案 这个问题我可以来回答吗,因为之间我遇到过,废话不多说,上代码; var fileSwiper = new Swiper('.film-wrap',{ ***width:4.8*font_size,*** wrapper ..
发布时间:2017-09-06 09:36:17 其他开发