Есть страница, с 6 "загрузчиками" картинок из соц сетей/с компьютера
По факту у них очень похожий код, открывается каждый в iframe, например вот:
Смысл этих загрузчиков – пользователь справа берет свою фотографии, и перетаскивает их вправо. Когда готово, наш скрипт обрабатывает их в фрейме и уже отдает сайту.
Нужно внести изменения:
1) Собственно нам не нравится само перетаскивание. Нужно чтобы фотография из правой части попадала в свободный квадрат слева при клике по ней
2) Этот пункт вытекает из первого, нужно сделать возможность перетаскивать фотографии в квадратиках слева. Т.е., если например, у меня есть одна фотография в левых квадратиках, в левом верхнем, я должен иметь возможность перетащить ее например во второй слева.
3) Удаление фотографий из левых квадратиков сейчас происходит путем клика по ней. Нужно сделать чтобы при наведении появлялся маленький крестик справа наверху, и фотография удалялась при клику по нему. Учитывайте что размер левых квадратиков может быть разный, т.е. позиционировать крестик нужно относительно правого верхнего угла этого квадратика.
4) Самое главное, что должно быть первым пунктом. При загрузке фотографий с компьютера или из соцсетей – сейчас подключается "резалка" фотографий. Она работает крайне глючно. Нужно подключить кроппер как тут (первый)
Но с некоторыми но – квадрат ресайза должен быть размером 320 на 320 пикселей, размер фотографии должен подгоняться под этот размер квадрата. Т.е. не должно быть возможности ресайзить фотку. При этом фотография после резки должна быть размером 640 на 640 пикселей.
Если не очень понятно – то смысл – чтобы пользователь мог выбрать только верхнюю или нижнюю часть фотографии (или левую/правую если фотка горизонтальная), и не вырезал центральную часть. Хороший пример тут, при загрузке с компьютера например. Хотим тоже самое:
candyam.ru
5) Если фотография при загрузке слишком маленькая по размеру (меньше 640 на 640 пикселей) – нужно делать alert по этому поводу, и прекращать загрузку/обработку
Все пункты обсуждаемы, возможно частичное выполнение