- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在其中设置了猫头鹰轮播和图片,并按我的意愿使用了所有选项。它运作良好,没有任何问题。我添加了一个动画,现在图像从上到下变化。可以,但是我有一点问题。我不知道如何添加自定义导航。我还需要数字在背景图片的右侧以及从上到下的顺序。
$(document).ready(function() {
var owl = $('#BG');
owl.owlCarousel({
loop:true,
dots:false,
autoplay:true,
autoplayHoverPause:false,
autoplaySpeed: 1000,
autoplayTimeout: 5000,
animateOut: 'slideOutUp',
animateIn: 'slideInUp',
items:1,
mouseDrag: false,
touchDrag: false,
});
});
.bg-item1{
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://wallpaperplay.com/walls/full/0/8/8/128266.jpg);
background-size: cover;
height:100vh;
}
.bg-item2{
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://wallpaperplay.com/walls/full/0/8/8/128266.jpg);
background-size: cover;
height:100vh;
}
.bg-item3{
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://wallpaperplay.com/walls/full/0/8/8/128266.jpg);
background-size: cover;
height:100vh;
}
.bg-title{
font-weight: bold;
text-transform: uppercase;
font-size: 50px;
}
#BG{
line-height: 2;
}
.ih1{
font-weight: bold;
margin: 0 !important;
font-size: 50px !important;
}
h1{
margin-bottom: 0px;
}
.bg-subtitle{
margin-top: 0px;
font-style: italic;
font-size: 15px;
line-height: 1.2;
}
@media only screen and (max-width: 1500px) and (min-width: 1200px){
.bg-title, .ih1 {
font-size: 60px !important;
}
.bg-subtitle{
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
.bg-title, .ih1 {
font-size: 50px !important;
}
.bg-subtitle{
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.bg-title, .ih1 {
font-size: 40px !important;
}
.bg-subtitle{
font-size: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px){
.bg-title, .ih1 {
font-size: 30px !important;
}
.bg-subtitle{
font-size: 9px;
margin-top: 10px;
margin-bottom: 10px;
}
}
.btn-style-one {
position: relative;
padding: 14px 30px;
line-height: 1em;
background: transparent;
margin-top: 0px;
color: #ffffff !important;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
display: inline-block;
border: 2px solid white !important;
}
.btn-style-one:hover{
background-color: #333333;
}
/*
<div id="BG" class="owl-carousel owl-theme">
<div class="bg-item1 item">
<div class="container row h-100">
<div class="col-sm-12 align-self-center d-flex justify-content-around">
<div class="">
<div class="bg-title">
<h1 class="ih1 red">
Elegantna & Minimalistička
</h1>
<span>
Arhitektura
</span>
</div>
<a href="about.html" class="bg-button btn btn-dark btn-style-one scroll-to-target" data-target="Info">Saznaj više</a>
</div>
</div>
</div>
</div>
<div class="bg-item2 item">
<div class="container row h-100">
<div class="col-sm-12 align-self-center d-flex justify-content-around">
<div class="">
<div class="bg-title">
<h2 class="ih1 red">
Elegantna & Minimalistička
</h2>
<span>
Arhitektura
</span>
</div>
<a href="service.html" class="bg-button btn btn-dark btn-style-one scroll-to-target" data-target="Usluge">Saznaj više</a>
</div>
</div>
</div>
</div>
<div class="bg-item3 item">
<div class="container row h-100">
<div class="col-sm-12 align-self-center d-flex justify-content-around">
<div>
<div class="bg-title">
<h2 class="ih1 red">
Elegantna & Minimalistička
</h2>
<span>
Arhitektura
</span>
</div>
<a href="contact.html" class="bg-button btn btn-dark btn-style-one scroll-to-target" data-target="Blog">Saznaj više</a>
</div>
</div>
</div>
</div>
</div>
最佳答案
也许这篇文章对您有帮助:Owl Carousel, making custom navigation
附言我还建议在猫头鹰上使用Slick
关于javascript - Owl Carousel 更改导航编号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57135085/
我知道 owl:Class 是 rdfs:class 的子类,所有 OWL 类都是 owl:Class 的成员。我还知道 owl:Thing 位于类层次结构的顶部。那么 owl:Class 和 owl
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。 关闭 5 年前。
我认为我对 OWL 公理仍然存在根本性的误解:(。 这是我创建的一个小型测试本体: @prefix xsd: . @prefix rdf: . @prefix rdfs:
我是耶拿的新手。我想创建一个新的 OntModel 并需要将一些其他本体导入到该模型中。如果我将其写入文件,我希望该文件可以显示如下内容: 现在,我不知道如何通过jena将其他本
我认为我对 OWL 公理仍然存在根本性的误解:(。 这是我创建的一个小型测试本体: @prefix xsd: . @prefix rdf: . @prefix rdfs:
我是耶拿的新手。我想创建一个新的 OntModel 并需要将一些其他本体导入到该模型中。如果我将其写入文件,我希望该文件可以显示如下内容: 现在,我不知道如何通过jena将其他本
导航和点周围的容器 .owl 控件不再存在,但我需要它们。有人知道如何恢复导航和点的环绕吗? 最佳答案 如果有人正在寻找...这是我的解决方案,用于取回 owl-nav 和 owl-dots 周围的包
对于我认为非常简单的场景,如果能提供一些帮助,我将不胜感激;但作为 OWL 和 GraphDB 的新手,我可能犯了一些基本错误。 我有一个非常简单的 Turtle 指定的 OWL 示例,如下所示: @
我使用 Protege 创建了一个本体。 类- Person Man Woman 属性(域/范围) Knows(Person / Person) hasRelationShip(Per
我正在使用 Protege v4.3 制作本体。 我有一个关于 OWL 本体和 DL 查询的问题。 例如,在 Pizza 本体中, http://owl.cs.manchester.ac.uk/co-
例如,此问题主要发生在用户使用速度较慢的互联网或移动设备时。但是,当轮播中的页面内容/图像没有被缓存时,有时也会在更高的速度上看到闪烁。 如果页面加载并呈现第一个元素,所有轮播“幻灯片”就像一个列表一
我需要在Protégé中实现一个OWL-ontology,它包含两个类:s1和s2,都是System的实例> 类。这两个类是通过连接类s1_s2 连接起来的,其中包含属性omega。该属性必须根据以下
我一直在四处寻找为什么 OWL Full 是不可判定的,但我还没有找到一个易于理解的例子来让我理解它。 我发现一些陈述解释了这是由于“Entailment Closure”,并且这也与 OWL Ful
我试图理解 OWL 2 的以下公理,但不知道它们是哪种公理。这里 R 是角色,C 是类 ∃R⊑C ∃R⊑∃R.C C ⊑ ¬∃R ∃R ⊑ ¬C 到目前为止,我认为 1 提供了有关 R 范围的信息,但
当 Owl Carousel 在隐藏元素中启动,然后通过触发器显示该元素时,轮播项目的宽度完全错误(直到窗口调整大小): Fiddle (点击红色链接,看到损坏的布局出现,然后调整窗口大小) 这个问题
在构建轮播时,我意识到猫头鹰添加了克隆的重复项。我的猫头鹰配置看起来像这样。我如何阻止这种情况发生。 owlDfe.owlCarousel({ loop: false,
我有两张幻灯片。我用的是 OWL 1,效果很好。我想要无限循环,所以搬到了 OWL 2。 下面的代码效果很好。幻灯片保持同步,但自动播放永远不会开始。我必须拖动幻灯片或显示导航并单击下一个/上一个。
我们根据分别与 B 或 C 的实例具有关系 a_to_b 和 a_to_c 的实例的交集 (AND),将类 A 定义为 owl:equivalentClass 并将类 A2 定义为 rdfs:subC
我正在使用 rdflib 创建一个图形。我想使用我拥有的“.owl”文件中的一些术语。我如何使用 rdflib 将这个 owl 文件作为 MyImportedTerminology 导入,并访问它的术
通常,当我们说“我所有的 child 都是女性”时,我们的意思是“并且至少有一个”。名门pizza tutorial (V1.3)在第 100 页解决了这个问题,说拥有普遍限制 (owl:allVal
我是一名优秀的程序员,十分优秀!