Как сделать слайдер из зеро со своими стрелками и точками?

1. Добавь в зероблок, где хочешь сделать слайдер, html-код и в него вставь:

<div class="main"><div class="slider"></div></div>

Внутри блока с этим кодом и будут листаться слайды, поэтому задай ему размеры слайда и адаптируй под все разрешения как обычный шейп. Если тебе нужно чтобы слайдер выходил за пределы экрана, то просто сделай чтобы этот html-элемент выходил за края в zeroblock

2. Если будешь делать точки навигации, то добавь второй html-код и в него вставь:

<div class='sl-dots'></div>

Внутри блока с этим кодом будут точки, поставь их куда нужно в зеро и адаптируй под все разрешения как обычный шейп

3. Если будешь делать свои стрелки переключения, то задай css класс v-prev для стрелки назад и v-next для стрелки вперед

4. Если будешь делать счётчик слайдов, то создай текстовый блок и задай ему css класс vcount (Также обязательно оставь пункт показывать точки навигации включенным. Если они тебе не нужны, то просто не создавай для них html-элемент)

5. Размести внизу страницы все остальные зероблоки, которые будут слайдами (их ширина в слайдере будет равна ширине html-элемента слайдера, деленая на количество показываемых слайдов)

6. Если у тебя слайдер не на весь зероблок (100% по ширине по window container), а лишь на его часть, то задай элементам в слайдах выравнивание window-relative top-left. А также убери для контента отступы слева и сверху, чтобы слайды были прижаты вбок вот так

7. Укажи rec-id всех зероблоков (или стандартных блоков), которые должны быть слайдами через запятую и пробел (без кавычек!)

8. Если будешь использовать автоскейл, то включи его только в самом зеро, в котором у тебя будет слайдер

9. Выбери все нужные тебе функции в генераторе кода и в дополнительных настройках и полученный код вставь в блок т123 сразу после последнего слайда

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

- Если у тебя наблюдаются проблемы с sbs-анимацией по ховеру, то отключи "выравнивать слайды по центральному" и "сделать слайдер беконечным"
- Нумерация слайдеров идет строго по порядку и начинается с первого, причём первый слайдер на странице должен быть обязательно!
- Фон для слайдов задается через шейп. По умолчанию фон прозрачный.
- При использовании с autoscale настройка "Изменять высоту зеро по высоте слайда" применяться не будет
- Не указывай никаких значений в "отступ между слайдами", если у тебя к показу только один слайд!
- Fade-эффект будет работать только при "количество слайдов к показу" = 1. Если поставить fade эффект и слайдов к показу = 3, то будет только 1 слайд
- Всегда делай общее количество слайдов больше чем "количество слайдов к показу" иначе слайдеру будет нечего прокручивать
- Если используешь выравнивание слайдов по центральному, то настройка "на сколько слайдов прокручивать за шаг" не будет применяться.

(Развернуть)

Чтобы увидеть пример прелоадера просто перезагрузи страничку и он воспроизведется с вариантом fade out

Пример работы модификации

Пример работы модификации 1

Наведи курсор на этот блок, чтобы увидеть эффект следа из уменьшающихся картинок