草庐IT

owl-carousel

全部标签

jquery - Twitter Bootstrap Carousel 插件能否在幻灯片过渡时淡入淡出

我在我工作的网站(http://furnitureroadshow.com/)上有一个非常基本的TwitterBootstrapCarousel插件实现。我只是想知道是否有人扩展了Carousel插件,使其在幻灯片切换时淡入淡出?我在github.com(https://github.com/twitter/bootstrap/issues/2050)上发现了这个问题#2050,这似乎表明在这一点上,这是不可能的。只是想看看它是否可以或已经完成。 最佳答案 是的。Bootstrap使用CSS转换,因此无需任何Javascript即可

jquery - Bootstrap carousel 一次传送多个帧

这是我试图用Bootstrap3轮播实现的效果它不是一次只显示一帧,而是并排显示N帧。然后,当您滑动时(或当它自动滑动时),它会像往常一样移动幻灯片组。可以用bootstrap3的轮播来完成吗?我希望我不必去寻找另一个jQuery插件... 最佳答案 Bootstrap5(2021年更新)虽然轮播在Bootstrap5中基本相同,但left和right的概念已更改为start和end因为Bootstrap现在有RTL支持。因此,左/右类发生了变化。这是4个项目(25%宽度列)的多项目CSS示例...@media(min-width:

javascript - Slick Carousel Uncaught TypeError : $(. ..).slick 不是函数

不知何故,我无法正确使用slickcarousel(http://kenwheeler.github.io/slick/)。我收到以下错误:UncaughtTypeError:$(...).slickisnotafunction我在我的javascript文件中运行以下代码:functioninitSlider(){$('.references').slick({dots:false,infinite:true,speed:300,slidesToShow:1,autoplay:true,prevArrow:'',nextArrow:''});}我在Bower中包含了最新的jQuery

javascript - Twitter Bootstrap Carousel - 访问当前索引

如何从轮播中获取当前索引?在这种情况下,我使用的是无序列表。我知道我可以搜索列表项以找到具有“事件”CSS类的项,但我想知道我是否可以直接询问轮播对象。附加:能够访问目标索引(在“幻灯片”事件上)也很方便。同样,我可以通过搜索来做到这一点:varidx=$('.carousel-innerli.active').index();...然后根据方向添加/减去,但我希望得到更清洁的东西。 最佳答案 不是在当前幻灯片中添加和减去,而是在“幻灯片”事件上尝试这样做:$('.carousel').on('slide',function(e){

javascript - Slick Carousel 箭头没有出现,也没有正常工作

我正在使用http://kenwheeler.github.io/slick/但似乎无法让它正常工作。运行下面的代码后,我可以看到CSS和js文件已加载但未反射(reflect)出来。例如,没有箭头。有没有我可能做错的地方(注意:光滑的CSS和js文件,以及html文件都位于同一个文件夹中title$(document).ready(function(){$('.single-item').slick();});}); 最佳答案 因为箭头默认是白色的,所以在白色的页面上是看不到的。确保箭头已启用:$('.single-item').

javascript - Bootstrap Carousel 图像未正确对齐

请看下面的图片,我们正在使用bootstrapcarousel来旋转图片。但是,当窗口宽度较大时,图像无法正确对齐边框。但是bootstrap提供的轮播示例总是工作正常,无论窗口的宽度如何。按照代码。有人可以解释为什么轮播的行为不同吗?这与图像大小或缺少某些Bootstrap配置有关吗?WelcometoTACT!1.Needa3rdpartyjar?2.CreateRequest3.Whathappens?4.StatusisEmailed‹› 最佳答案 解决方案是将此CSS代码放入您的自定义CSS文件

ruby-on-rails - 使用 Twitter Bootstrap Carousel 激活第一个项目的类

我正在努力让Twitter轮播正常工作:我想将.active类添加到第一个.itemdiv。.carousel-inner-@photos.eachdo|photo,index|.item{class:"#{"active"ifindex==0}"}=image_tag(photo.image_url,class:"carousel-photo")这不起作用,因为它没有将.active类添加到循环的第一个元素。如何仅将.active类添加到循环的第一个元素? 最佳答案 得到答案:这里需要用到.each_with_index方法:.c

W3C RDF and OWL 活动

W3CRDFandOWL活动RDF和OWL是两项重要的语义网技术。语义网(SemanticWeb)语义网是为资产管理、企业整合及网络数据的共享和重用提供的一个框架。语义网为企业、应用程序、公司、团体和个人间的数据共享提供了一个独立于平台和软件的框架。RDF和OWL是的语义网的关键技术。它们分别阐述了结构性描述和以万维网为基础的本体论。RDF-资源描述框架(ResourceDescriptionFramework)RDF是一门向万维网表达信息的语言。RDF可用于描述web资源,比如标题、作者以及版本信息、内容描述、可用时间表等等。如果您需要学习有关RDF的知识,请访问我们的RDF教程。OWL-W

W3C RDF and OWL 活动

W3CRDFandOWL活动RDF和OWL是两项重要的语义网技术。语义网(SemanticWeb)语义网是为资产管理、企业整合及网络数据的共享和重用提供的一个框架。语义网为企业、应用程序、公司、团体和个人间的数据共享提供了一个独立于平台和软件的框架。RDF和OWL是的语义网的关键技术。它们分别阐述了结构性描述和以万维网为基础的本体论。RDF-资源描述框架(ResourceDescriptionFramework)RDF是一门向万维网表达信息的语言。RDF可用于描述web资源,比如标题、作者以及版本信息、内容描述、可用时间表等等。如果您需要学习有关RDF的知识,请访问我们的RDF教程。OWL-W

OWL 简介

OWL简介OWL是一门供处理web信息的语言。在学习之前应具备的基础知识在您学习OWL之前,应当对XML、XML命名空间以及RDF有基本的了解。如果首先学习这些项目,请访问:菜鸟教程的XML教程和RDF教程。什么是OWL?OWL指的是web本体语言OWL构建在RDF的顶端之上OWL用于处理web上的信息OWL被设计为供计算机进行解释OWL不是被设计为供人类进行阅读的OWL由XML来编写OWL拥有三种子语言OWL是一项web标准什么是本体?本体"这个术语来自于哲学,它是研究世界上的各种实体以及他们是怎么关联的科学。对于web,本体则关于对web信息及web信息之间的关系的精确描述。为什么使用OW