嘿,所以我正在重建一个音乐唱片公司的网站,并进行了一些研究,确实受到了它的干预,但是在def jam音乐网站上的艺术家页面上完成了
http://www.defjam.com/artists/big-sean/
他们有这样的轮播图片库,但是它的响应始终适合屏幕,直到您向下滚动为止。是否有Bootstraps轮播图片可以做到这一点?
有谁知道他们如何做到这一点,或者看过插件如何做?
最佳答案
带有媒体查询或流畅布局的Flexslider可以满足您的需求。
查看示例here。
它的实现非常简单,例如:
js:
// Can also be used with $(document).ready()
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
});
的HTML:
<!-- Place somewhere in the <body> of your page -->
<div class="flexslider">
<ul class="slides">
<li>
<img src="slide1.jpg" />
</li>
<li>
<img src="slide2.jpg" />
</li>
<li>
<img src="slide3.jpg" />
</li>
<li>
<img src="slide4.jpg" />
</li>
</ul>
</div>
将为您提供与上面列出的实时示例相同的内容。
关于jquery - 带有Bootstrap的背景大小的封面式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20207178/