PipUI v1.6.0
  • 🌟Введиние
  • 🗃️Скачать
  • ⚠️Начало работы
  • Компоненты
    • Базовый набор
    • Отступы
    • Палитра цветов
    • Grid сетка
    • Панель навигации
    • Выпадающее меню
    • Постраничная навигация
    • Формы
    • Кнопки
    • Полосы прогресса
    • Меню навигации
    • Модальные окна
    • Оповещения
    • Подтверждения действий
    • Вкладки
    • Хлебные крошки
    • Спойлеры
    • Таблицы
    • Панель BB-кодов
    • BB-коды
    • Валидаторы форм
    • Индексы полей ввода
    • Всплывающие подсказки
    • Подсвечивающиеся блоки
    • Всплывающие блоки
    • Слайдер
    • Автозаполнение
    • Селектор тегов
    • Блоки оповещений
    • Селекторы даты и времени
    • Якоря
  • 📧Контакты
  • 🔁GitHub
Powered by GitBook
On this page
  1. Компоненты

Слайдер

PreviousВсплывающие блокиNextАвтозаполнение

Last updated 2 years ago

Слайдер - отличное дополнение для вашего сайта, когда необходимо показать специальные акции или другое интересное содержимое, которое может быть не только изображением, но и любым другим контентом.

<div id="slider-1"></div>
<script>
    $(function(){
        $('#slider-1').slider({
            'slides': [
                '<div class="slider-slide" style="background-image: url(img/pic/1.jpg);"></div>',
                '<div class="slider-slide">Some text</div>',
                '<div class="slider-slide" style="background-image: url(img/pic/3.jpg);"></div>'
            ]
        });
    });
</script>

Вы можете назначить объект .slider() переменной и управлять им через эту переменную, выставляя настройки во время выполнения скрипта.

Пример работы кода выше