Требуется доработать модуль показа
Требуется доработать модуль показа в картинки в 360 градусов
Технологии: HTML + JavaScript + JQuery
Описание:
Есть прототип:
http://www.netmagazine.com/tutorials/build-360-view-image-slider-javascript
и его более продвинутый варинт, хотя с плохим кодом:
https://github.com/pkalogiros/360-Image-Slider
Код надо делать на базе и встиле JQuery.
Необходимо добавить:
- кнопки запуска вращения и остановки его (пауза), параметр регулирования скорости вращения.
- Возможность останавливать смену картинок по клику на картинке и двигать вид вправо-влево (курсор при этом - all-scroll, если масштаб картинки больше 100%)
- плавный zoom (работает от колеса мышки и ползунка на картинке) - реализовано на втором прототипе. при этом при минимальном масштабе (25% скажем) картинка располагается в центре.
- при загрузке прогресс бар с первого прототипа (не второго) должен располагаться по центру показываемой области, а не экрана как сейчас.
- Вначале, сразу после загрузки, пока не догружены все остальные фотографии, фоном показывается картинка. При этом в HTML коде должен быть только тэг Image с этой первой картинкой, а остальные подгружаются скриптом (как во втором прототипе).
- параметры цвета, прозрачности бара с кнопками и слайдера должны быть настраиваемыми (css)
- Слова и подсказки показываются в зависимости от установок языка браузера (автолокализация).
Внешний вид примерно такой:
https://docs.google.com/document/d/1H5nVntJOVMnVrRRcdkf1Kn4YWwfe50GXWv_yFbNH9m8/edit