<link rel="stylesheet" href="/css/local.css" charset="utf-8" />
  <script type="text/javascript" src="/js/jquery-1.5.min.js"></script>
  <script src="/js/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
  $(document).ready(function() {
  $("#carousel").featureCarousel({
  });
  });
  </script>

<div id="carousel-container">
  <div id="carousel">
  <div class="carousel-feature">
  <a href="#"><img class="carousel-image" alt="Image Caption" src="/images/image1.jpg"></a>
  <div class="carousel-caption">
   

   
  Описание к первой картинке
  </p>
  </div>
  </div>
  <div class="carousel-feature">
  <a href="#"><img class="carousel-image" alt="Image Caption" src="/images/image2.jpg"></a>
  <div class="carousel-caption">
   

   
  Описание ко второй картинке.
  </p>
  </div>
  </div>
  <div class="carousel-feature">
  <a href="#"><img class="carousel-image" alt="Image Caption" src="/images/image3.jpg"></a>
  <div class="carousel-caption">
   

   
  Описание к третьей картинке
  </p>
  </div>
  </div>
  <div class="carousel-feature">
  <a href="#"><img class="carousel-image" alt="Image Caption" src="/images/image4.jpg"></a>
  </div>
  <div class="carousel-feature">
  <a href="#"><img class="carousel-image" alt="Image Caption" src="/images/image5.jpg"></a>
  <div class="carousel-caption">
   

   
  Описание к пятой картинке
  </p>
  </div>
  </div>
  </div>

  <div id="carousel-left"><img src="/images/arrow-left.png" /></div>
  <div id="carousel-right"><img src="/images/arrow-right.png" /></div>
  </div>