草庐IT

swiper-slide

全部标签

javascript - 如何检测swiper js中的当前幻灯片?

使用swiperjs作为slider并想要检测当前图像/幻灯片。我如何使用HTML和JS进行检测?有什么想法吗? 最佳答案 这很容易。只需使用这个:swiper.activeIndex 关于javascript-如何检测swiperjs中的当前幻灯片?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/32945099/

javascript - jQuery slideDown 与 jQuery UI .show ('slide' )

我正在尝试利用jQuery的内置效果功能来创建一个从导航栏后面滑出的“抽屉”,将其下方的内容推开。如果我使用$('#drawer').slideDown(),内容会被推开,但实际上并没有“向下滑动”。更像是一擦就暴露了内容。如果我使用$('#drawer').show('slide',{direction:'up'}),内容会正确地向下滑动,但是元素下方的所有内容在效果发生之前跳开。有没有办法结合这两者的优点来复制我正在寻找的效果:一个滑出的抽屉,将下面的内容推开?我研究了jQueryUI的.animate()函数,但文档没有帮助。我使用它的粗略努力充满了失败。如果有人问,抱歉,我无法

c# - 如何在windows universal app中创建app bar slide menu

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion请帮助我为此任务选择合适的工具(windows通用应用程序,c#)。我需要做一个半透明的菜单,当我们按下应用栏按钮时它会从左边出来并且可以关闭。几乎是这样的:.我应该用它做什么?它是否应该是具有隐藏/可见可见性的动态面板之类的东西。

c# - 动画 : Sliding & Fading controls on a C# form (winforms)

我正在尝试实现一种优雅地围绕(可能同时有多个)控件设置动画(转换、淡入淡出)的方法。例如,假设我在左上角有一张图片,在右下角有一个文本框,我希望能够让它们平滑地滑过窗口并切换位置。我已经工作了一段时间,但还没有想出任何可以顺利或轻松实现这一目标的方法。 最佳答案 查看dot-net-transitionsGoogleCode上的项目。现在有一个克隆Githubhere.它也可以作为dot-net-transitions在nuget上使用。它支持各种线性/非线性过渡,包括可用于更复杂效果(如涟漪)的复合过渡。这是一个工作示例,可以演示

javascript - jQuery UI Slider - 发布时从 'slide' 事件返回的值不同于 'change' 值

我有一个jQueryUIslider:$('div.slider').slider({range:true,step:250,min:1000,max:500000,values:[1000,500000],change:function(event,ui){console.log($(this).slider('values',0)+','+$(this).slider('values',1));},slide:function(event,ui){console.log($(this).slider('values',0)+','+$(this).slider('values',1

javascript - Bootstrap Slides 在使用 Angular 6 使用多项目轮播时滞后

我的问题是我正在为多项目轮播使用Angular6、Bootstrapv4和jQuery。如果我在轮播上有[1,2,3,4,5,6]这样的数据,它必须显示[1,2,3]。按下一步后它必须显示[4,5,6]。在我完成这一部分之前,我遇到了一些问题。只有第一张事件卡在移动,也有滞后,上一个和下一个按钮不可见。请检查一次Stackblitz文件,您将了解问题这是我在Stackblitz中的工作https://stackblitz.com/edit/angular-jvr6dhHTML代码InformationCard1Thisisalongercardwithsupportingtextbel

javascript - 如何更改 swiper.js 中的滑动方向?

当我将滑动器旋转90度时,我很难改变滑动方向。所以一开始默认它有水平方向。单击幻灯片时,我正在旋转“swiper-container”,使其全屏显示。所以它仍然有从左到右的滑动方向,但我需要在不将参数方向更改为垂直的情况下从上到下更改。consttopSwiper=newSwiper(this.DOMTopSwiper.current,{spaceBetween:0,observer:true,observeParents:true,observeSlideChildren:true,direction:"vertical",navigation:{nextEl:".top-swipe

jquery - Nivo Slide 使用 DIV 而不是 IMG

我发现NivoSlider是我网站的最佳解决方案。但是,我希望它将DIV制作成幻灯片,而不是像默认情况下那样制作IMG。我试图将JS文件中的所有IMG更改为DIV,但当然没有任何运气......谁能帮帮我??/**jQueryNivoSliderv2.0*http://nivo.dev7studios.com**Copyright2010,GilbertPellegrom*FreetouseandabuseundertheMITlicense.*http://www.opensource.org/licenses/mit-license.php**May2010-Pickrandome

java - 你能用 Guava 复制 Clojure 的(分区)或 Scala 的 sliding() 函数吗?

我有一个列表,我想以类似于Clojure的(partitionszstepcol)方法或IterableLike.sliding(size:Int,step:Int)Scala函数。具体来说,给定如下列表:(1,2,3)我希望能够像这样遍历子列表:(1,2),(2,3)在Clojure中,这将通过以下方式完成:(partition21(1,2,3))在Scala中它会是:valit=Vector(1,2,3).sliding(2)但是我没有这样的奢侈,我希望避免自己动手。Guava有一个接近的分区方法,但不提供重叠。谷歌搜索也没有结果。是否存在这样的方法,还是我必须自己动手?

小程序使用swiper时报错, [Component] <swiper>: current 属性无效,请修改 current 值或者页面卡顿,疯狂轮播

目录标题1.报错一2.造成页面轮播疯狂卡顿,极速轮播3.卡顿效果,页面一直处于两个页面切换效果,消息轮播页处于不上不下状态1.报错一[渲染层错误][Component]:current属性无效,请修改current值(env:Windows,mp,1.06.2307250;lib:2.24.0)这个是页面使用轮播组件时,没有添加current属性,添加上就可以了,但是添加后,小程序在手机上锁屏(有时候要等几分钟)重新打开时,页面疯狂卡顿,轮播swiperclass="swiper02"autoplay='true'current="{{currentidx}}"bindchange="swip