Слайдер из миниатюр с прогресс-баром
Модификатор для добавления слайдера из миниатюрных картинок с цветным прогресс-баром
Инструкция по настройке
Шаблон страницы
48812963
Для корректной работы модификаций подключите библиотеку jQuery:
Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
jQuery
Создаем Zero Block и открываем редактор
- Добавляем необходимое количество шейпов (миниатюр) для переключения слайдов.
- Шейпам добавляем изображение и задаем цвет фона (таким будет цвет прогресс-бара)
- Задаем класс tistolsCircleTab1 с порядковым номером в конце.
1 шаг
Добавляем текстовый элемент в котором будет выводиться текст
- Задаем ему класс tistolsPersonMS
- При необходимости добавления второго текстового поля задаем второму текстовому элементу класс tistolsDescMS
- Для третьего текстового элемента нужно задать класс tistolsTitleMS
2 шаг
Добавляем блок T123
- Копируем в него код из генератора, предварительно заполнив необходимые поля
3 шаг
Вам также может быть интересно: