草庐IT

uib-carousel

全部标签

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 - 如果在 uib-tabset 中使用,则值不与范围的变量绑定(bind)

如果在uib-tabset中使用,值不会与作用域的变量绑定(bind).在下面的示例中,我试图在uib-tab内部和外部获取$scope.message:angular.module("app",["ui.bootstrap"]) .controller("myctrlr",["$scope",function($scope){$scope.message="mymessage"; }]); Insideuib-tab:{{message}} I'vegotanHTMLheading,andaselectcallback.Prettycool! Outsideuib-ta

javascript - 如果在 uib-tabset 中使用,则值不与范围的变量绑定(bind)

如果在uib-tabset中使用,值不会与作用域的变量绑定(bind).在下面的示例中,我试图在uib-tab内部和外部获取$scope.message:angular.module("app",["ui.bootstrap"]) .controller("myctrlr",["$scope",function($scope){$scope.message="mymessage"; }]); Insideuib-tab:{{message}} I'vegotanHTMLheading,andaselectcallback.Prettycool! Outsideuib-ta

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 - Owl Carousel - 元素堆叠在一起

我正在尝试将图像分成8组,并将每个分组用作OwlCarousel的单独幻灯片。但是,分组不是像正常情况那样水平堆叠,而是垂直堆叠。我的猫头鹰设置://Gallerycarouselgallery();functiongallery(){$('.gallery').owlCarousel({margin:10,nav:true,items:1,});}生成HTML的php(使用WordPress的ACFgallery插件)">"alt=""/>我得到了以下适用于轮播的CSS:.hentry{position:absolute;top:50%;left:50%;transform:tran

jquery - Owl Carousel - 元素堆叠在一起

我正在尝试将图像分成8组,并将每个分组用作OwlCarousel的单独幻灯片。但是,分组不是像正常情况那样水平堆叠,而是垂直堆叠。我的猫头鹰设置://Gallerycarouselgallery();functiongallery(){$('.gallery').owlCarousel({margin:10,nav:true,items:1,});}生成HTML的php(使用WordPress的ACFgallery插件)">"alt=""/>我得到了以下适用于轮播的CSS:.hentry{position:absolute;top:50%;left:50%;transform:tran

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,请参阅