<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>
Следующий код вставляйте в то место, где будет ваша галерея:
Code
<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>
