Galery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://lpgenerator.ru/media/js/jquery.tools.min.js"></script>
<script type="text/javascript">
        $(function() {
            $(".scrollable").scrollable({circular: true});
        });
     </script>

<style>
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 550px;
    height:280px;

    /* custom decorations */
    border:1px solid #ccc;
    /*background:url(/media/img/gradient/h300.png) repeat-x;*/
}

.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:640px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    background-color:#fff;
    width:550px;
    height:280px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}

/* buttons */

/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
span.browse {
    display:block;
    width:18px;
    height:27px;
    float:left;
    margin:130px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
span.right { background: url(http://lpgenerator.ru/media/css/images/arrow-right.png) no-repeat; float:left !important;}


/* left */
span.left { background: url(http://lpgenerator.ru/media/css/images/arrow-left.png) no-repeat;}


/* disabled navigational button */
span.disabled {
    visibility:hidden !important;
}


</style>


<div>
<!-- "previous page" action -->
<span class="prev browse left"></span>

<!-- root element for scrollable -->
<div class="scrollable" id="scrollable">

  <!-- root element for the items -->
  <div class="items">

    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/08/02/ihc-622.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/08/02/implantcity-622.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/08/02/money-622.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/08/02/nesco-622.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/08/02/promodo622.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/08/02/template_10b.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/08/02/template_17b.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/09/19/622.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/09/24/622x315.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/09/24/template_22b.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/10/05/622x315.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/10/09/622x315_eg.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/10/09/622x315_mg.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/10/15/main-622x315.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/10/15/622x315.jpg" />
    </div>
    <div>
      <img src="http://media.lpgenerator.ru/uploads/2012/10/15/622x315%20(1).jpg" />
    </div>
<div>
  <img src="http://media.lpgenerator.ru/uploads/2012/11/20/622x315.jpg" />
</div>
<div>
  <img src="http://media.lpgenerator.ru/uploads/2012/11/20/622x315_11.jpg" />
</div>
<div>
  <img src="http://media.lpgenerator.ru/uploads/2012/11/20/zz.png" />
</div>
 <div>
  <img src="http://media.lpgenerator.ru/uploads/2012/12/26/622x315.jpg" />
</div>
<div>
  <img src="http://media.lpgenerator.ru/uploads/2012/12/26/artum.jpg" />
</div>
<div>
  <img src="http://media.lpgenerator.ru/uploads/2012/12/26/fat2.jpg" />
</div>
<div>
  <img src="http://media.lpgenerator.ru/uploads/2012/12/26/nesco.jpg" />
</div>
<div>
  <img src="http://media.lpgenerator.ru/uploads/2012/12/26/skbkontur2.jpg" />
</div>
<div>
  <img src="http://media.lpgenerator.ru/uploads/2013/01/31/cashadviser2.jpg" />
</div>
<div>
  <img src="http://media.lpgenerator.ru/uploads/2013/01/31/cliff.jpg" />
</div>
<div>
  <img src="http://media.lpgenerator.ru/uploads/2013/01/31/cloud2.jpg" />
</div>
<div>
  <img src="http://media.lpgenerator.ru/uploads/2013/01/31/vozvrat3-split.jpg" />
</div>

  </div>

</div>

<!-- "next page" action -->
<span class="next browse right"></span>
</div>