HASHSLIDER - ПЛАГИН СЛАЙДШОУ

HASHSLIDER - ПЛАГИН СЛАЙДШОУ


Еще один плагин слайдшоу - hashslider. Особенностью является то, что он добавляет хештег в адресную строку взависимости от положения ползунка, т.е. связать можно с любым контентом. Например, ссылка http://pcvector.net/index.html#4 установит ползунок в 4-ю позицию, на четвертый слайд.


Особенности:
- легкая реализация
- полная стилизация по средствам CSS
- интеграция с колесиком мыши
- прямые ссылки на позицию ползунка через хештег
- автоматически генерируемая цифровая навигация
- внутри может быть любой контент
- размер всего 2,2 kb

Подключаем в шапке jquery и файл hashslider.js и hashslider.css (css можно откорректировать в дальнейшем).
Важно, чтобы #slider - имел конкретную ширину!

Разметка HTML
<! -- Слайдер -->
<div id="slider">
    <ul>
        <li>Контент 1</li>
        <li>Контент 2</li>
    </ul>
</div>

<! -- кнопки вперед и назад -->
<div id="left"> Назад </div>
<div id="right"> Вперед </div>

<! -- навигация -->
<ul id="numbers">
    <li></li>
</ul>


Скачать исходник:
Скачать файл: hashslider.rar [135,01 Kb] (cкачиваний: 6)
0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.