FlexSlider 2

Адаптивная карусель

JS
HTML

            // Может также использоваться с $(document).ready()
            $(window).load(function() {
              $('.flexslider').flexslider({
                animation: "slide",
                animationLoop: false,
                itemWidth: 210,
                itemMargin: 5,
                minItems: 2,
                maxItems: 4
              });
            });

            <!-- 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>
                <!-- items mirrored twice, total of 12 -->
              </ul>
            </div>

FlexSlider 2

Отличный адаптивный слайдер.

Варианты веализации