草庐IT

owlCarousel

全部标签

javascript - OwlCarousel Youtube 视频不显示

我有一个想要显示的YouTube视频,但根本没有显示。我没有为视频添加高度或宽度,因为我想让它保持响应。http://www.owlcarousel.owlgraphic.com/demos/video.htmlhttp://jsfiddle.net/nLz17fcv/12/ 最佳答案 使用a标签添加视频似乎不起作用。相反,您可以将其替换为Iframe以像这样嵌入您想要的视频。除此之外,我还删除了transitionStyle:"fade",因为此属性会阻止轮播过渡。可以在这个DEMO上查看希望对你有帮助

javascript - Owlcarousel 2 在初始化后更改设置

我已经varowl=$(".owl-carousel").owlCarousel({loop:true,nav:true});我尝试更改循环或导航选项的设置但不起作用owl.data('owl.carousel').settings.loop=false;owl.data('owl.carousel').settings.nav=false;怎么做,谢谢。 最佳答案 对于OwlCarousel2,尝试在更改选项后刷新轮播:$('.owl-carousel').data('owl.carousel').options.nav=fals

javascript - 在 Vue.js 中使用 OwlCarousel 的问题

我正在使用vue.js和OwlCarousel,每次我将v-for与轮播一起使用时,它不会向我显示轮播的样式,它只会向我显示列中的图像。这是对API的请求:exportdefault{data:{videos_p:[]},mounted(){axios.get("xxxxxxxxxxx").then(response=>{this.videos_p=response.dataconsole.log(this.videos_p)})}}$(document).ready(function(){varowl=$('.owl-carousel');owl.owlCarousel({items

javascript - Owlcarousel 2 动态加载的内容

我在使用ajax将内容加载到owlcarousel2时遇到问题。我正在尝试通过此功能获取新项目:functionloadDecisions(pageNumber){$.ajax({url:globalURL,type:'POST',data:{action:'lw_infinite_scroll',loop_file:'video',page_no:pageNumber,posts_per_page:postsPerPage},success:function(data){$(".owl-stage").append(data);owl=jQuery('.owl-carousel');

javascript - 数据更新时的 OwlCarousel 自动高度

我有OwlCarousel,它有一个autoheight参数设置为true.当我更新中的数据时block,高度不会自动改变。\我知道这不应该,但是,举个例子,这个block是空的,我添加了数据,它仍然是空的。虽然,它只是1px的高度.是否可以更改内部数据的高度? 最佳答案 在您更新之后您需要将方法调用到refresh你的OwlCarousel,这样它就可以更新它的高度。Here一个例子。但基本上你可以这样调用它:$('.owl-carousel').trigger('refresh.owl.carousel');

javascript - 当少于 X 个元素时居中 OwlCarousel

我们在响应式网站上使用OwlCarousel1.3.3。我们已将最大元素数设置为4。$container.owlCarousel({items:4,itemsDesktop:[1000,4],itemsDesktopSmall:[900,3],itemsTablet:[600,2],itemsMobile:[480,1]});只要轮播包含4张或更多图片,一切正常。但是当编辑器只添加3个或更少的元素时,我们希望这些元素在页面上居中。现在他们是“左对齐”的,看起来不太好。选项itemsScaleUp不是我要找的。如果元素设置为4,但轮播仅包含1个元素,则该元素会变得太大。我在github上

javascript - 如何在 ajax 调用后重新初始化 Owl Carousel?

我正在尝试在成功调用ajax后重新初始化Owl轮播。ajax调用将更改数据,但View应保持不变。我遇到一个问题,即View(轮播结构)不会重新初始化。页面加载时一切正常。我使用的是1.3.3版本$(document).ready(function(){$(".owl-carousel").owlCarousel({items:3});});Ajax调用$.ajax({type:'get',url:'/public/index',dataType:'script',data:data_send,success:function(data){$(".owl-carousel").owlC

jquery - 为什么点/导航按钮在使用 owlcarousel 时不可见?

为什么导航按钮不可见?我正在使用jQuery和owlcarousel(http://owlgraphic.com/owlcarousel/)。http://jsfiddle.net/bobbyrne01/s10bgckL/1/html..js..$(document).ready(function(){$("#owl-demo").owlCarousel({autoPlay:3000,//SetAutoPlayto3secondsdots:true,items:2,itemsDesktop:[1199,3],itemsDesktopSmall:[979,3]});});CSS..#ow

jquery - 为什么点/导航按钮在使用 owlcarousel 时不可见?

为什么导航按钮不可见?我正在使用jQuery和owlcarousel(http://owlgraphic.com/owlcarousel/)。http://jsfiddle.net/bobbyrne01/s10bgckL/1/html..js..$(document).ready(function(){$("#owl-demo").owlCarousel({autoPlay:3000,//SetAutoPlayto3secondsdots:true,items:2,itemsDesktop:[1199,3],itemsDesktopSmall:[979,3]});});CSS..#ow

html - owlcarousel 宽度有问题

http://makarskarivijera.hr/这就是.html所说的这是我检查时得到的结果我想更改宽度:653px,但我不知道在哪里可以找到它如果有人可以分享信息那就太好了:)谢谢 最佳答案 在您的javascript文件中查找“.owlCarousel(”它应该是一个运行和控制猫头鹰旋转木马的函数。它与owl.carousel.min.js无关,而是一个函数调用该代码。我有这样的东西:.owlCarousel({items:10,rewindNav:false});更改items:10它应该会更改每张图片的宽度。然后你可以
12