草庐IT

uib-carousel

全部标签

javascript - Owl Carousel 2 Nav on Sides

您好,我正在使用OwlCarousel版本2,但找不到将导航放置在轮播两侧的示例,例如左右V形或箭头。你是怎么做到的? 最佳答案 我昨天刚做的:)首先确保在配置中打开导航https://owlcarousel2.github.io/OwlCarousel2/docs/api-options.html$('#_samewidth_images').owlCarousel({margin:10,autoWidth:false,nav:true,items:4,navText:['','']})这会将控件注入(inject)DOM,请参阅

RN(ReactNative)鸿蒙系统轮播图组件手势滑动一次滑动多个图片 react-native-snap-carousel

问题描述:    在鸿蒙系统中,发现react-native-snap-carousel组件写的轮播图在手势滑动时,,大约需要0.5秒-1秒的时间,插件会自动定位到完整图片的位置。    客户需求,滑动后,不想要0.5秒-1秒的反应,可以直接定位到完整图片的位置,而不是半张图片的位置现象描述:假设:屏幕宽度x;图片宽度x;     react-native-snap-carousel组件创建的轮播图,在Android系统上可以正常运行,滑动一次只会跳转到下一章图片,滚动距离也就是屏幕和图片的宽度x,而华为的鸿蒙系统,滑动一次,有时候会滚动2x,3x,这种情况还可以接受。但是 2.5x,1.5x

vue+element-ui carousel走马灯一次轮播(显示)5张图片

效果:子组件定义HTMLJSimport{autoprefixer}from'element-ui/src/utils/util'constCARD_SCALE=0.83exportdefault{name:'ElCarouselItem',props:{name:String,label:{type:[String,Number],default:''}},data(){return{hover:false,translate:0,scale:1,active:false,ready:false,inStage:false,specialIndex:false,animating:false

Element-ui的Carousel走马灯组件动态渲染高度

在前端vue项目开发中经常会用到走马灯的场景,然而在采用Element-ui的情况下,el-carousel走马灯组件有一个默认的固定高度300px。如下所示:.el-carousel__container{position:relative;height:300px;//element-ui默认高度}这样会导致网页的全屏的banner被压缩或拉伸,变形十分难看,在一个认真的切图仔眼里是无法容忍的。然而业务方在使用的时候没有按照相关图片规范来上传符合规格的图片大小。所以我们需要在程序中开发根据业务后台上传的图片大小来动态渲染走马灯的高度。下面我们来看看具体的代码实现:template> el-

html - 如何垂直居中 Bootstrap carousel-caption?

我有一个bootstrap轮播,我正在尝试为轮播创建一个始终垂直居中并稍微偏左的标题。我有用于水平定位的css。但是当我尝试垂直定位时,标题不会保持不变。我怎样才能使.carousel-caption始终垂直居中并略微偏左?HTML:CheckOutthisMooseThistextissuperengagingandmakesyouwanttoclickthebutton.LearnMore#SlideTitleThistextissuperengagingandmakesyouwanttoclickthebutton.LearnMore#SlideTitleThistextissu

android - Coverflow Carousel 效果与 Android 中的 iPhone/iPad 相同

请看下面的旋转木马图片。在这个旋转木马中,iPhone开发人员展示了来自WebUrl的图像。我们必须做同样的事情,但我在网络上尝试了更多,其他我没有得到像iPadCoverflow在android中那样的确切效果和流畅度。甚至在我的封面流图像中也无法快速显示。那么请您就此提出任何解决方案。关于这个问题,我希望你能帮个忙。提前致谢。 最佳答案 使用这个库在android中获得同样的效果https://github.com/davidschreiber/FancyCoverFlow还要检查这个https://github.com/Pol

android - Carousel 中的 ArrayIndexOutOfBoundsException - MessageQueue 回调和 handleReceiveCallback 中的异常

我在我的应用中使用轮播。对于拥有Android4.2.2且仅处于横向模式的用户,他们报告了此问题:12-1915:01:56.685:E/InputEventReceiver(7009):Exceptiondispatchinginputevent.12-1915:01:56.685:E/MessageQueue-JNI(7009):ExceptioninMessageQueuecallback:handleReceiveCallback12-1915:01:56.695:E/MessageQueue-JNI(7009):java.lang.ArrayIndexOutOfBoundsE

javascript - Owl Carousel 2 调整窗口大小错误

我决定在OwlCarousel2上制作一个slider。一切正常,我喜欢它,但我发现了一个错误。当我更改浏览器窗口的大小时(仅限Chrome),slider元素会重新排列,并且背面有一个幻影元素。HTML:脚本:$(".owl-carousel").owlCarousel({loop:true,margin:20,items:3,nav:true,});截图:我该如何解决?[Codepen] 最佳答案 试试这个.owl-carousel.owl-itemimg{-webkit-backface-visibility:hidden;}

javascript - Owl Carousel 固定高度?

我目前正在使用OwlCarousel,想知道是否有一种方法可以调整图片大小,使每张图片的高度保持一致。我正在使用这个插件来展示我的照片,我有横向和纵向两种尺寸。我尝试在JS中使用autoWidth,但它使我的肖像图像太大而我的风景图像太短,如何让所有图像都具有设定的高度?我尝试调整CSS,但横向图像似乎在下一张图像的后面并且没有显示全宽。看起来有一个设定的宽度,当我调整宽度时,图像只是被拉伸(stretch)了。我在轮播中有19个元素。还尝试在JS的响应部分调整元素,当我将其调整为两个元素时,横向图像的比例正确,但纵向图像最终被拉伸(stretch)。关于如何修复的任何想法?这是我使用

html - BS3 carousel + animate.min.css 在 Firefox 中不能完美运行

我在Ubuntu14.04中使用firefox33.0。我有一个带有bootstrap3轮播的网站(本地主机)。我已将“动画脉冲”(animate.min.css)类应用到“class=item”div中的“img”,并将“animatedfadeinleft”应用到我的carousel-caption。Anotherexampleheadline.Crasjustoodio,dapibusacfacilisisin,egestasegetquam.Donecidelitnonmiportagravidaategetmetus.Nullamiddoloridnibhultriciesv