嘿,所以我正在重建一个音乐唱片公司的网站,并进行了一些研究,确实受到了它的干预,但是在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/

10-12 15:42