jquery - 背景大小的封面风格与 Bootstrap

标签 jquery css twitter-bootstrap responsive-design

嘿,所以我正在为一个音乐品牌重建一个网站,并且正在做一些研究并且真的很感兴趣但在 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/

相关文章:

jquery - 文本框字段失去焦点后?

javascript - 如何将切换按钮与隐藏内容集成( Bootstrap )

css - 如何减小 TTF 文件的大小?

html - 在一个偏移量内显示彼此成行的两个表

javascript - 计算 slider 位置

Jquery 选择器如果有标题

css - IE 中的 HTML5 视频标签

html - div 中不需要的文本行

css - Twitter Bootstrap 模式未显示正确的图像

javascript - 关闭模式后,Vimeo 声音继续在 Bootstrap 模式中播放