shpindler / milyakov Goto Github PK

1. Посмотреть сайты, которые кинул Сеня.
2. Связать увиденное с тем, что он объяснял.
3. Реализовать это.

1. Дождаться адаптивного дизайна от Сени.

1. Уточнить у Сени и разобраться самому, что там за анимация.
2. Реализовать её.

Необходимо (строго по порядку):

1. Создать класс в файле стилей, который будет добавляться элементу галереи при клике на него.
2. Задать этому классу стили для отображения элемента галереи попапом как в макете.
3. Написать скрипт, который будет добавлять данный класс элементу галереи при клике на него.
4. Создать класс в файле стилей со стилями для крестика.
5. Скриптом, при нажатии на элемент галереи, добавить крестик в разметку элемента галереи.
6. Написать скрипт, который будет при клике на крестик закрывать попап.

Необходимо (строго по порядку):

1. Правильно рассчитать ширину трэка, т.к. на данный момент ширина слишком большая, трэк доходит до края скроллбара раньше, чем будет достигнут край галереи.
2. Перетаскивание трэка мышкой должно происходить в пределах скроллбара, т.е. трэк никогда не должен "вываливаться" из скроллбара. Понять как работает событие mousemove и исправить код.
3. Связать перемещение трэка при его перетаскивании со скроллированием галереи.