Carousel Test

Benchmark created by Gabriel on November 14, 2013

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script src="http://owlgraphic.com/owlcarousel/owl-carousel/owl.carousel.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.caroufredsel/6.2.1/jquery.carouFredSel.packed.js"></script>

<div id="carousel-owl">
          <div class="item">1</div>
          <div class="item">2</div>
          <div class="item">3</div>
          <div class="item">4</div>
          <div class="item">5</div>
</div>

<ul id="carousel-fred">
                                <li>1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
</ul>

Test runner

$("#carousel-owl").owlCarousel();

$('#carousel-fred').carouFredSel({
  responsive: true,
  width: '100%',
  items: {
    width: 400,
    visible: {
      min: 2,
      max: 6
    }
  }
});

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published by Gabriel on November 14, 2013