owl-carousel - Owl Carousel 2 - 图片背后的 Spinner Loader
问题描述
我对微调器加载器有一个奇怪的行为,它显示在图像后面,但延迟加载false
在选项中声明。
$('.galleryowl').owlCarousel({
margin: 10,
autoWidth: true,
dots: false,
dotsEach: false,
lazyLoad: false,
loop: false
});
您有任何线索可能是问题所在吗?
问候
<div class="galleryowl owl-carousel owl-theme owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage"
style="transform: translate3d(-615px, 0px, 0px); transition: all 0.25s ease 0s; width: 2255px;">
<div class="owl-item" style="width: auto; margin-right: 10px;"><img class="img-responsive"
src="https://66822b0c4798708fd342-4c20877d1724d8eec18944c33f4c4dbd.ssl.cf1.rackcdn.com/17727/1386208/medium/17966999.jpg"
style="opacity: 1;"></div>
<div class="owl-item" style="width: auto; margin-right: 10px;"><img class="img-responsive"
src="https://66822b0c4798708fd342-4c20877d1724d8eec18944c33f4c4dbd.ssl.cf1.rackcdn.com/17727/1386208/medium/17967002.jpg"
style="opacity: 1;"></div>
<div class="owl-item" style="width: auto; margin-right: 10px;"><img class="img-responsive"
src="https://66822b0c4798708fd342-4c20877d1724d8eec18944c33f4c4dbd.ssl.cf1.rackcdn.com/17727/1386208/medium/17966992.jpg"
style="opacity: 1;"></div>
<div class="owl-item active" style="width: auto; margin-right: 10px;"><img class="img-responsive"
src="https://66822b0c4798708fd342-4c20877d1724d8eec18944c33f4c4dbd.ssl.cf1.rackcdn.com/17727/1386208/medium/17966994.jpg"
style="opacity: 1;"></div>
<div class="owl-item active" style="width: auto; margin-right: 10px;"><img class="img-responsive"
src="https://66822b0c4798708fd342-4c20877d1724d8eec18944c33f4c4dbd.ssl.cf1.rackcdn.com/17727/1386208/medium/17966997.jpg"
style="opacity: 1;"></div>
<div class="owl-item active" style="width: auto; margin-right: 10px;"><img class="img-responsive"
src="https://66822b0c4798708fd342-4c20877d1724d8eec18944c33f4c4dbd.ssl.cf1.rackcdn.com/17727/1386208/medium/17966995.jpg"
style="opacity: 1;"></div>
<div class="owl-item active" style="width: auto; margin-right: 10px;"><img class="img-responsive"
src="https://66822b0c4798708fd342-4c20877d1724d8eec18944c33f4c4dbd.ssl.cf1.rackcdn.com/17727/1386208/medium/17967011.jpg"
style="opacity: 1;"></div>
<div class="owl-item" style="width: auto; margin-right: 10px;"><img class="img-responsive"
src="https://66822b0c4798708fd342-4c20877d1724d8eec18944c33f4c4dbd.ssl.cf1.rackcdn.com/17727/1386208/medium/17966998.jpg"
style="opacity: 1;"></div>
<div class="owl-item" style="width: auto; margin-right: 10px;"><img class="img-responsive"
src="https://66822b0c4798708fd342-4c20877d1724d8eec18944c33f4c4dbd.ssl.cf1.rackcdn.com/17727/1386208/medium/17966990.jpg"
style="opacity: 1;"></div>
<div class="owl-item" style="width: auto; margin-right: 10px;"><img class="img-responsive"
src="https://66822b0c4798708fd342-4c20877d1724d8eec18944c33f4c4dbd.ssl.cf1.rackcdn.com/17727/1386208/medium/17966984.jpg"
style="opacity: 1;"></div>
<div class="owl-item" style="width: auto; margin-right: 10px;"><img class="img-responsive"
src="https://66822b0c4798708fd342-4c20877d1724d8eec18944c33f4c4dbd.ssl.cf1.rackcdn.com/17727/1386208/medium/17966991.jpg"
style="opacity: 1;"></div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span
aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span
aria-label="Next">›</span></button></div>
<div class="owl-dots disabled"></div>
</div>
解决方案
这是我的自定义 css owl 文件中的一个问题。我删除了错误加载的背景微调器图像。
推荐阅读
- c# - C# 使用表达式从对象中获取值
- excel - VBA定义的函数不接受多个变量
- javascript - 如何在 JavaScript 上添加一些不好的词作为白名单
- spring-boot - 为什么“添加连接被忽略,等待 0,队列 n”?
- java - 了解 Azure 文件存储:UnknownHostException
- python - Yolo : yolo 如何一次读取数百张图片?
- python - solve_ivp [scipy.integrate] 示例的问题
- symfony - TYPO3 symfony 控制台命令:在哪里放置/获取配置设置?
- entity-framework - EF Core 5 - 如何向多对多关系添加自定义字段以指示乘数?
- ruby-on-rails - 从 Rails API 5.1 发送帖子