草庐IT

owl-carousel

全部标签

javascript - Slick Carousel - 设置第一张幻灯片

我的网站上有一个漂亮的旋转木马,显示篮球队的日程安排。slider包含当前赛季的所有比赛(按日期排序)。我希望slider以下一个游戏为中心。如何将特定幻灯片设置为第一张幻灯片,即使它不是html上的第一张幻灯片。代码:$('.result_slider').slick({rtl:true,centerPadding:'0px',slidesToShow:6,responsive:[{breakpoint:1680,settings:{arrows:false,centerPadding:'0px',slidesToShow:3}},{breakpoint:481,settings:{

javascript - Modal Lightbox Gallery 和 Carousel Slider 不兼容?

同时添加BootstrapCarouselSlider似乎很有挑战性和LightboxGallery在没有重大问题的单个页面中。问题:当点击灯箱图片库时,它会打开图片库,同时Carouselslider图像被劫持通过画廊图片。罪魁祸首似乎是以下类:.item、img或.inner-carouselIsitpossibletoaddbothmodallighboxandcarouselslidertoasinglepagewithoutanyissues?要重现问题:单击图片库,模式将弹出,关闭窗口,现在轮播slider已被库图片取代。http://jsfiddle.net/2aasoy

javascript - Modal Lightbox Gallery 和 Carousel Slider 不兼容?

同时添加BootstrapCarouselSlider似乎很有挑战性和LightboxGallery在没有重大问题的单个页面中。问题:当点击灯箱图片库时,它会打开图片库,同时Carouselslider图像被劫持通过画廊图片。罪魁祸首似乎是以下类:.item、img或.inner-carouselIsitpossibletoaddbothmodallighboxandcarouselslidertoasinglepagewithoutanyissues?要重现问题:单击图片库,模式将弹出,关闭窗口,现在轮播slider已被库图片取代。http://jsfiddle.net/2aasoy

javascript - 实现 twitter bootstrap carousel v2.3.2

我在实现Bootstrap轮播时遇到问题。任何人都可以看看下面的html和js并给我有关如何实现幻灯片的说明。.js没有被编辑,旋转木马安装在bodyhero单元上。我是否实现轮播api?如何在.js文件中定义我正在使用的轮播?谢谢。Hello,world!Thisisatemplateforasimplemarketingorinformationalwebsite.Itincludesalargecalloutcalledtheherounitandthreesupportingpiecesofcontent.Useitasastartingpointtocreatesomethi

javascript - 实现 twitter bootstrap carousel v2.3.2

我在实现Bootstrap轮播时遇到问题。任何人都可以看看下面的html和js并给我有关如何实现幻灯片的说明。.js没有被编辑,旋转木马安装在bodyhero单元上。我是否实现轮播api?如何在.js文件中定义我正在使用的轮播?谢谢。Hello,world!Thisisatemplateforasimplemarketingorinformationalwebsite.Itincludesalargecalloutcalledtheherounitandthreesupportingpiecesofcontent.Useitasastartingpointtocreatesomethi

javascript - Owl-carousel:每张幻灯片只显示一张图片

今天我发现了owl-carousel,我一直在努力让它工作。我正在尝试制作一个循环显示恐龙图像的旋转木马。问题是同一张幻灯片上出现了4只恐龙(fiddle半尺寸窗口中有2只)。我希望每张幻灯片只显示1个。我有一个fiddlehttp://jsfiddle.net/8bJUc/318/JavaScript$(document).ready(function(){$("#dino-example").owlCarousel({items:5});});HTMLCSSimg{height:300px;width:300px;}我尝试将items更改为1,但这也没有解决问题。有人知道怎么解决吗

javascript - Owl-carousel:每张幻灯片只显示一张图片

今天我发现了owl-carousel,我一直在努力让它工作。我正在尝试制作一个循环显示恐龙图像的旋转木马。问题是同一张幻灯片上出现了4只恐龙(fiddle半尺寸窗口中有2只)。我希望每张幻灯片只显示1个。我有一个fiddlehttp://jsfiddle.net/8bJUc/318/JavaScript$(document).ready(function(){$("#dino-example").owlCarousel({items:5});});HTMLCSSimg{height:300px;width:300px;}我尝试将items更改为1,但这也没有解决问题。有人知道怎么解决吗

javascript - 找不到指令 'carousel' 所需的 Controller 'ngTransclude'

我们的团队为我们的首页实现了一个TwitterBootstrap轮播。Chrome和Firefox一切正常。然而当我们在IE8中测试它时,轮播图像被破坏并且在IE控制台中抛出的错误是Controller'carousel',requiredbydirective'ngTransclude',can'tbefound这是我们轮播的代码(在haml中):%carousel.featuredTags{'ff-destroy-carousel'=>'true','interval'=>"5000"}%slide%img{:src=>"#{$assetsPath}/img/pic-bora.pn

javascript - 找不到指令 'carousel' 所需的 Controller 'ngTransclude'

我们的团队为我们的首页实现了一个TwitterBootstrap轮播。Chrome和Firefox一切正常。然而当我们在IE8中测试它时,轮播图像被破坏并且在IE控制台中抛出的错误是Controller'carousel',requiredbydirective'ngTransclude',can'tbefound这是我们轮播的代码(在haml中):%carousel.featuredTags{'ff-destroy-carousel'=>'true','interval'=>"5000"}%slide%img{:src=>"#{$assetsPath}/img/pic-bora.pn

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