Функционал для сайта фотообоев на JS
Сайт продает фотообои на заказ. Посетителю предлагается выбрать ширину и высоту стен. Выбор ширины и высоты должен быть в виде визуального слайдера, передвигая который, меняется текстовое значение ширины или высоты. Единица измерения «см» (сантиметры). Минимальное допустимое значение - 30 см, максимальное - 1500 см.
Также посетитель может указать вариант стыков, слева или справа.
После указания размеров и материала, на картинке делается разметка, согласно указанным данным.
Допустимая область печати должна быть явна указана, остальная часть должна быть затемнена. Стыки обоев должны быть выделены красными пунктирными линиями.
Область печати пользователь может передвигать по-горизонтали или по-вертикали.
Пользователь может посмотреть выбранные рисунок на фотографии в интерьере. Также, пользователь может сохранить выбранную область к себе на компьютер (скачать). На скачиваемой картинке дополнительно должно отображаться название выбранного элемента, материал и его ширина, размеры изображения (высота и ширина), которую указал пользователь, а также вариант стыков (справа или слева) и расположение полотна.
Все материалы представлены в виде картинок, на которых должно быть явно видно какого вида данная текстура, рядом с картиной должно быть название тексты, ее цена за квадратный метр и ссылка на подробное описание тексты. При клике на ссылку должно появляться всплывающее окно, в котором должна быть представлена развернутая информация об этой текстуре, а также фотография в большем разрешении.
При клике, открывается большая картинка на весь экран монитора
-------- возможность прокрутки всех картинок с интерьерами
-------- крупный крест для закрытия окна
-------- возможность просмотра полноразмерной картинки в 2000 пх.
-------- отображается название, id и кнопки "Заказать",
Увеличение по аналогии с http://www.bonprix.ru/produkty/kozhanaja-sumka-ekaterina-karameljinyj-979841/