Архив: Плагин на jQuery

Описание

Необходима возможность подложить собственную фотографию интерьера под картину ( другую фотографию ) с возможностью перемещать и менять размеры (пропорциональные) картины в модальном окне.



Приблизительно похожий функционал, но с списком фотографий (в плагине такого не нужно:

https://www.ohmyprints.com/index/455/de/WallApp



Елементы:

Кнопка (имеет click handler и необходимые data атрибуты,

Модальное окно (поле загрузки фотографии, отображение фотографии, отображение картины и возможность изменять размер/перемещать картину)



По нажатию на кнопку oткрывается модальное окно:

- стиль PhotoSwipe ( черный backdrop, белые тексты и елементы, без bootstrap)

- модальное окно всегда имеет поле для загрузки фотографии, вместо фотографии отображается placeholder.

- загруженная c jquery фотография (png, jpeg, jpg) без перезагрузки занимает место placeholder.

- Картина, url которой вместе с размерами (px) переданы в модальное окно с кнопки открытия модального окна.

- Картина всегда находится над плейсхолдером или фотографией

- Пользователь может менять размеры картины ( пропорционально ) и перемещать ее по фотографии.

- По закрытию модального окна фотография не удаляется ( при повторном открытии отображать ту же фотографию)

- При загрузке другой фотографии происходит замена



На выполнение 1-2 недели

Категория

Веб-программирование