Question

嘿所以我正在重建一个音乐标签的网站，并正在进行一些研究并真正入侵但是在def jam音乐网站上的艺术家页面上完成了 http://www.defjam.com/artists/big-sean/

他们有如此类型的旋转木马画廊，但它总是适应屏幕，直到你向下滚动，无论如何使用Bootstraps旋转木马做到这一点？

有没有人知道他们是如何做到这一点或看到插件这样做???

Answer 1

带有媒体查询或流畅布局的

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>

将为您提供与上面列出的实例相同的内容。

背景大小覆盖esque与Bootstrap

1 个答案: