Необходимо сделать полный аналог (по функционалу и дизайну) слайдера, который есть тут:
lady . mail . ru/article/510784-vsego-6-veshhej-sostavljaem-kapsulnyj-garderob-vmeste-so-stilistom/ (уберите пробелы в домене, FL не позволяет публиковать ссылки на сторонние ресурсы).
Слайдер нужен для desktop и mobile версий сайта.
Некоторые особенности:
1) lazyload картинок
2) возможность листать изображения, затемненный фон, возможность закрыть слайдер кликом по затемнению или крестику.
3) после последнего слайда возможность показать показать любой другой блок (по аналогии с тем, что показывается на mail.ru)
4) подгрузка рекламы на ajax при открытии слайдера
Дополнительные особенности desktop версии:
- возможность подгружать к слайду дополнительные блоки (например, рекламу сбоку)
- на текущем слайде отображается его номер и количество всех слайдов (например, 6 / 25).
- прокрутка миниатюр снизу, по клику на миниатюру осуществляется переход к выбранному слайду.
Дополнительные особенности mobile версии :
- между слайдами можно подгружать "рекламный слайд" (например, через каждые 2-3 смены слайда показ одного рекламного)
- сверху показывать позицию текущего активного слайда (красной меткой)
- по клику на черный фон не закрывать слайдер (закрывать только по крестику)
В результате должны получиться: верстка, javascript, небольшая инструкция, как этим пользоваться.
Опубликован 11.09.2019 в 22:46