iCarousel - мощный слайдер в виде элегантной карусели, идеально подходящий для фотографий.
Установка:
В <head> подключаем css-файл:
Код
<link rel="stylesheet" href="/icarousel/icarousel.css" />
Перед </body> подключаем два js-кода:
Код
<script src="/icarousel/icarousel.js"></script>
<script src="/icarousel/icarousel_cache.js"></script>
А это сам HTML-код слайдера:
Код
<div class="carousel-container">
<div id="icarousel">
<img src="/icarousel/images/photo1.jpg" width="480" height="360" />
<img src="/icarousel/images/photo2.jpg" width="480" height="360" data-pausetime="1000" />
<img src="/icarousel/images/photo3.jpg" width="480" height="360" data-pausetime="10000" />
<img src="/icarousel/images/photo4.jpg" width="480" height="360" />
<img src="/icarousel/images/photo5.jpg" width="480" height="360" />
<img src="/icarousel/images/photo6.jpg" width="480" height="360" />
<img src="/icarousel/images/photo7.jpg" width="480" height="360" />
</div>
</div>
Как можно заметить, очень простой и небольшой код для такой красивой карусели.
Скачать