<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>    
Описание к первой картинке    
</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>    
Описание ко второй картинке.    
</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>    
Описание к третьей картинке    
</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>    
Описание к пятой картинке    
</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>