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


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>


Скачать исходник:
hashslider.rar


скрипт скрипт HASHSLIDER - ПЛАГИН СЛАЙДШОУ
Статистика
0  
Всего статей 1025
0  
Всего комментариев 57
0  
Пользователей 2515
Обновления new
  • XenForo Resource Manager 1.1.4
  • Что такое Менеджер ресурсов (Resource Manager)? Менеджер ресурсов является официальным дополнением для XenForo, которое позволяет управлять
  • Boss Electronues - Шаблон для OpenCart
  • И так, данный шаблон заточен под OpenCart. В данном шаблоне есть не свойственная для магазинов возможность писать блоги. В шаблон встроен блог от
  • R.Gen - Шаблон на OpenCart
  • R.Gen - это отличный премиум шаблон на OpenCart. Отличный дизайн, полностью настраиваемый и в тоже время простой в шаблон для создания серьезного
  • 30 psd логотипов на разные тематики
  • Эта сборка из 30 psd логотипов на разную тематику. Логотипы схематичные, яркие, детализированные, в отличном качестве и в формате PSD. Логотипы не
  • Xenu Программа для проверки битых ссылок
  • Xenu старенькая но очень полезная программа для поиска битых ссылок на сайте. Описание: Проверка ссылок делается на: ссылки, изображения, рамок,
Информация