Геллерея на javascript
Бюджет
167$
/ 10000
руб
в месяц
Создан: 4 года назад
На модерации
- Описание
- ПЕРВОЕ ЗАДАНИЕ
Загрузка фотографий с предварительным показом эскизов, которые можно:
1. Передвигать между собой, как мышкой, так и пальцем на телефоне
2. Повернуть (надпись под изображением «Повернуть»)
3. Отмечать главную (тап на изображение и обводится желтым цветом)
4. Удалять по отдельности или все сразу (иконка удаления в правом углу каждого изобр)
5. Менять комментарий к фото (поле для комментария ниже самого фото, также его должна быть возможность отключать для формы)
Комментарии к фото должны отключаться / включаться в зависимости от формы в которой находится галлерея, например скрытая радио кнопка.
Помимо кнопки добавления фото должна быть область drug and drop.
Обязательно должна быть возможность зайти в объявление и отредактировать галлерею.
Ява скрипт должен работать в сочетании с формой объявления, по следующему принципу:
Отправляется post запрос с данными формы для сохранения, получаем ответом от сервера ID объявления,
Затем происходит передача каждого файла с параметрами: «ID от сервера», «ismain 0/1», «rotate 1/2/3», «water 0/1», «sort 0/1/2..», «comment str» сюда же нужно добавить тип объявления из формы «typeobject string», «typetable string» или другой параметр на наше усмотрение. Обязательно прогресс бар по загрузке.
ВАЖНО
У объявления есть 2 разные галлереи. Если фото присутствуют в обеих, то процесс загрузки должен отработать первую, затем вторую, при этом у каждой свой прогресс бар, который говорит из какой галереи файлы загружаются.
ОСОБО ВАЖНО. DOM сайта может меняться! На загруженном (как приложение) сайте могут быть 4 разные сценария загрузки фото. Тоесть загрузка объявления с фото должна быть изолирована от другой загрузки. Например на загруженном сайте сразу могут быть:
1 Форма объявления с двумя галлереями
2 Форма загрузки галереи портфолио
3 Форма загрузки галереи фото документов
4 Форма загрузки фото профиля
Все перечисленные 4 формы могут быть на одной странице, но это не должно мешать работать каждой по отдельности на одной странице без перезагрузки самой страницы.
ОБЯЗАТЕЛЬНО!
Не громоздкий код! Хорошая читаемость кода и комментарии, в последствии его возможно придется править.
Универсальная галлерея. Чтобы ее можно было подставлять в разные контексты, как описано в разделе ОСОБО ВАЖНО.
Никаких готовых библиотек из интернета. Только самописное решение. Допускается использование своих наработок, НО БЕЗ БИБЛИОТЕК!
Хорошо оттестировать перед сдачей.
Первое Задание считается готовым:
Два полностью рабочих самостоятельно варианта:
1 – две галлереи в одном объявлении.
2 – одна галлерея в одном (объявлении / форме / сущности).
2 ЗАДАНИЕ
Сделать загрузку фото профиля по аналогии например вотсап и прочих приложений. Речь не идет о том, чтобы резать картинку с помощью javascript. Нужно показать прямоугольную область пользователю, чтобы тот поправил изображение под область и передать серверу координаты для кропа. Область должна быть белой, фон всей фотографии затемнен.
- Категория
Источник: fl.ru
Похожие проекты
$6
0
0
Сделать fcc 5. 8 ГГц на дроне Dji mini 4 pro пульт Dji rc2, по возможности убрать лимит высоты 500 метров. Прошивка дрона 1. 1100. Прошивка пульта 10....
4 недели назад
0
2
Основной задачей является тестирование игрового мода для разрабатываемого нами проекта на базе GTA SAMP (San Andreas Multiplayer). Главной задачей тестирования является поиск багов, то есть недоработок игрового мода, как смысловых (система работает, но бессмысленно/не правильно) так и визуальных (метка......
2 месяца назад
0
1
Разработка виртуальной среды для Proxmox. Необходимо разработать обход обнаружения античитами видеоигр виртуальных машин на proxmox. Надо иметь возможность разделения видеокарты на несколько виртуальных машин и предоставлять прямой доступ к карте. Использовать патченное ядро, закрывающее баг RTDS обнаружения.......
2 месяца назад
$3
0
1
расшифровать или подобрать MD5 Хэш: c74d673f4042bd732ae2a287c059a9ba. начало ответа 8385626820 8385626820. хх....
5 месяцев назад
0
5
Cофт для автоматической торговли токенами в сети Solana. На разработку с тестами и устранением багов выделяется 1-2 месяца, при превышении контракт расторгается!...
5 месяцев назад
0
8
Необходимо разработать систему, которая: Подключается к API Diagnocat и iDent (через токены доступа). Получает данные о пациенте, результатах диагностики, снимках и назначениях. Автоматически формирует структурированный отчет по шаблону (включая врачей, этапы лечения, стоимость и описание процедур).......
10 месяцев назад
0
1
Необходимо связать БД 1C:ERP с БД Outlook, MS Access, Битрикс24. Например при вводе нового сотрудника в 1С:ERP он должен автоматически появляться в вышеперечисленных БД....
10 месяцев назад
0
3
Требуется реализация отчёта на кастомизированной 1С:УПП 1. 2, ТЗ и контрольный пример во вложении, 80% кода должно быть покрыто модульными тестами....
10 месяцев назад
$7
0
5
Мне нужно копировать мой текст и вставлять в одну группу ВК с открытой стеной для публикации рекламы. Задача скрипта/сервиса/программы - примерно каждые 10 секунд брать мой текст и вставлять в эту группу. Я пробовал через одну программу, которая записывает действия мышки и потом повторяет, но она как-то......
1 год назад
0
2
Написать прошивку для A94B114, используя 2 подобные рабочие прошивки. Все файлы есть....
1 год назад
$21
0
3
Нужно разархивировать файл архив. ujems, есть распаковщик, но выдает ошибку. Прислать пруфы(скрины)....
1 год назад
0
2
Входные: Имеется скрипт по обработке email писем и добавление их в систему Redmine Проблема: Система обработки этих писем написана некорректная и негибкая Задача: Переписать логику обработки входящих писем, чтобы исключить их потерю при незначительных отклонениях от ожидаемой структуры....
1 год назад
$37
0
4
- В обязанности сотрудника входит поддержание мобильного приложения системы автоматизации бизнеса. - Работа сдельная: задачи выдаются на оценку, далее после согласования передаются на реализацию. - Заключаем договор и NDA (соглашение о неразглашении)....
1 год назад
$71
0
1
Информация о проекте: Проект включает в себя React Native приложение с Expo внутри которого находится webview с сайтом На устройствах с ОС IOS проблема с воспроизведением видео....
1 год назад
0
2
Разрабатываю десктопные программы на языке Java, а так же Java + SQL....
1 год назад
0
0
0
9
1. Чтобы можно было писать описание события (без заголовка) - превью в списке берется N количества букв с начала. (в списке писать дату события и сколько осталось до него) . Выставление даты и времени напоминания и ИНТЕРВАЛА ПОВТОРА ОТ 1 МИНУТЫ! Выставлять количество повторов, далее напоминания прекращаются.......
1 год назад
0
7
Сайт arg2028t. beget. tech/. Нужно сделать вот такой калькулятор. airprint. by/outdoor/wide-format. и еще некоторые доработки....
1 год назад
$214
0
2
0
10
Краткое описание: Мы ищем исполнителя для тестирования функционала мобильного приложения на платформе Android. Задача включает проверку основных функций приложения, таких как работа комнаты, передача видео, звука и чата, а также создание подробной отчетности о найденных ошибках. Требования к исполнителю:......
1 год назад
0
17
Похожая удалённая работа
- Удаленная работа для веб-программиста
- Удаленная работа для разработчика баз данных
- Удаленная работа для прикладного программиста
- Удаленная работа для системного программиста
- Удаленная работа для разработчика игр
- Удаленная работа для разработчика мобильных приложений
- Удаленная работа для тестировщика ПО
- Удаленная работа для 1С программиста
- Удаленная работа для разработчика встраиваемых систем
- Удаленная работа для разработчика CRM и ERP
Перетащите