ТЗ
У карточки товара есть 10 фото.
2 размера
- 200х200
- 800x600
Лежат в соответствующих папках
При открытии карточки товара показывается 3 фотографии (200x200). При нажатии "показать еще фото " догружаются через ajax остальные 7.
При клике на фотографию должен открываться photoswipe и галерея должна быть по всем 10 фотографиям. (даже если на странице всего 3 фото. Остальные загружаются через json)
Нужно использовать http://photoswipe.com/
Что нужно конкретно сделать.
- Инициализация скрипта на странице.
- По ивенту (нажатие на thumbnail) должна отрыться галерея на все экран.
- Галерея должна быть по всем 10.
- Должен быть lazy loading больших фото. Если фото не смотрят, оно не загружается)
- Пока фото с lazy loading не загрузилось, показывается "... loading."
Если вы хорошо знаете javascript работы на час или типа того.
