Сделать нормальный загрузчик картинок
 

Желаю здравствовать и радоваться!

Давненько я тут не бывал :)

И вот, намедни возник вопрос, который без коллективного разума мне не решить.

Дело в следующем: есть сайт на основе osclass cms,
разработчики которой слыхом не слыхивали об MVC и модульности :-E

Для организации загрузки фоток по ajax там используют fineuploader.
Моя задача сделать так, чтобы пользователь мог произвольно
упорядочивать картинки мышкой (и задавать главное изображение поста, но об этом позднее).

Авторский код с fineuploader 'ом привожу по ссылке: http://pastebin.com/sn4n0ZzR

Для предварительного решения задачи произвольного перетаскивания, решил использовать эту библиотеку — https://github.com/voidberg/html5sor...ree/master/src

<script type="text/javascript">
 $('.qq-upload.list').sortable({
	 items: 'img'
 });
 </script>

Естественно, ничего не работает.
Перво-наперво я грешу на то, что сортируемые элементы запрятаны глубоко в разметку, которая в свою очередь, формируется черти-как.
Планирую "выкинуть" fineuploader и задействовать drozone.js на клиенте в тандеме с вышеописанной либой для сортировки.

Какие будут более здравые предложения от сообщества?
Как можно решить проблему, что делать?! :blink:

Заранее спасибо, всем, кто откликнется :)

В общем случае похожая задача решена здесь

Осталось правильно адаптировать её к моим условиям.

Хотя, если придумаете лучшее решение, милости прошу в тему ;)

Хотя, если стоит задача организовать именно ЗАГРУЗЧИК с произвольной сортировкой, т.е. только отправка данных от клиента в БД, более простое и оригинальное решение можно сделать с помощью библиотеки Dropzone.js.
Если у меня это дело выгорит и заказчик останется доволен, выложу тут исходники :) ;)