Вернуться на предыдущую страницу

Сколько существует слайдеров на jQuery сказать однозначно нельзя. Каждый из них имеет свои преимущества и недостатки. Предлагаем Вашему вниманию слайдер для фото на jQuery – «JQuery Photo Slider».

Простой функционал и небольшой код позволят использовать его на Вашем сайте или странице в интернет для того, чтобы сделать подачу информации для пользователя максимально информативной и удобной.

Подключаем jQuery библиотеку, если её еще нет на странице:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js" type="text/javascript"></script>

А также добавляем JS файл галереи:

<script type="text/javascript" src="/js.js"></script>

HTML:

<div id="gallery">
<a href="#" class="show">
<img src="/images/flowing-rock.jpg" alt="Flowing Rock" width="580" height="360" title="" alt="" rel="<h3>Flowing Rock</h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. "/>
</a>
<div class="caption"><div class="content"></div></div>
</div>

CSS код Вы сможете увидеть в исходном коде демонстрации.

jQuery Photo Slider
Официальный сайт

Файлы jQuery Photo Slider:

Скачать jQuery Photo Slider
DEMO