2 091 Скрипты / Slider

Hashslider - плагин слайдшоу

Еще один плагин слайдшоу - hashslider. Особенностью является то, что он добавляет хештег в адресную строку взависимости от положения ползунка, т.е. связать можно с любым контентом.
Например, ссылка https://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>
Скачать 416Загрузок 132,95 Kb
Демо

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи