Can anyone recommend a jQuery carousel that has similar features to the one found on Blizzard's homepage? I'm looking for a carousel that is centered, does not show horizontal scroll bars even if the content extends beyond the browser width, supports image crossfading, and includes pagination.
I've experimented with SlidesJS and carouFredSel, but unfortunately, these carousels are not compatible. It seems that the issue lies in the fixed width requirement for the container, which triggers the appearance of horizontal scroll bars when the carousel exceeds the browser width.
Is there a carousel out there that follows a similar code structure, embedding images as backgrounds of the divs using CSS like so:
<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;
}