jquery - 寻找一个类似于暴雪的 jQuery Carousel

Question

我正在寻找一个类似于暴雪主页上居中的 jQuery 轮播，即使轮播的内容超出浏览器的宽度，也不显示水平滚动条，支持图像淡入淡出，并包括分页。

我玩过 SlidesJS 和 carouFredSel，但这些轮播不兼容。经过数小时的测试，我意识到这是因为这些插件依赖于容器的固定宽度，这导致当轮播比浏览器宽度更宽时会出现水平滚动条。

我想知道是否有一个使用类似代码结构的轮播，并通过 CSS 将图像嵌入为 div 的背景：

<div id="carousel">
  <div class="slide">
    <div class="content">Slide01</div>
  </div>
  <div class="slide">
    <div class="content">Slide02</div>
  </div>
  <div class="slide">
    <div class="content">Slide03</div>
  </div>
</div>

.carousel {
  margin: 0 auto;
}

.slide {}

.content {
  background: url(http://www.placehold.it/1200x500 center top no-repeat;
  min-width: 960px;
  height: 500px;
}

Answer 1

一方面，暴风雪滑块是基于 Flash 的。要让它与 jquery 一起工作，你必须做一个 jquery 函数来触发调整大小以获得窗口宽度：

$(window).resize(function(){
       var w = $(window).width(); 
       $('#sliderContainer').css({width: w});
});