文章/答案/技术大牛

发布

问Slick未设置格式
EN

Stack Overflow用户

提问于 2016-04-04 07:35:24

回答 1查看 177关注 0票数 1

我试图让四张照片自动在传送带上播放，但Slick没有格式化照片或其他任何东西。有人能告诉我我哪里做错了吗?我能做些什么来纠正它？

<!DOCTYPE html>

<head>
<meta charset="UTF-8">

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css"/>

<style>
photo-show {
	width: 40%;
}
</style>


</head>

<body>

<div class="photo-show">
<div><img src="./src/cat1.jpg" alt=""></div>
<div><img src="./src/cat2.jpg" alt=""></div>
<div><img src="./src/cat3.jpg" alt=""></div>
<div><img src="./src/cat4.jpg" alt=""></div>
</div>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
      $('.photo-show').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
      });
    });
</script>


</body>

javascript

jquery

html

slick.js

回答 1

Stack Overflow用户

发布于 2016-04-04 10:07:59

在这里猜测一下，看起来你正在尝试将一种风格应用到你的圆滑照片上。你的CSS是错误的，不会格式化你的任何图像。

请尝试此CSS：

<style>
.photo-show img {
    width: 40%;
}
</style>

请注意，我添加了一个".“在photo-show和特定的img之前，以便您可以在photo-show容器中样式化您的图像。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36392587

复制

相似问题

问Slick未设置格式
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Slick未设置格式EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Slick未设置格式
EN