Еще в процессе планирования я прекрасно понимал, что именно редактор фотоотчетов будет самым сложным этапом работы над проектом. Нужно было все сделать удобно и доступно. Так, чтобы даже начинающий смог интуитивно догадаться что и как.

Вот прошли 2,5 дня беспробудной работы над ним и что я имею на руках: практически ничем не уступающий ВКонтакте, редактор фотоальбомов, а по удобству использования превосходящий их разработку. Единственное в чем я им уступаю, это изменение порядка следования фоток и у меня нет массового загрузчика на флеше. Пока нет (еще не делал, но знаю как). Что касается сервиса Яндекс.фотки, то ему я уступаю по многим пунктам, но кто я такой чтобы конкурировать с Яндексом, да и задачи текущие мой редактор полностью решает.

Мой редактор фотоотчетов это:

• Кроссбраузерность.
• Множество проверок, не позволяющих, к примеру удалить чужое фото, или повернуть его на 90º по часовой стрелке.
• 100% Аякс. За все время работы с фотографиями ваша страница ни разу не перезагрузится. Далось это не легко, спасибо Антону Шевчуку за то, что проконсультировал меня по одному вопросу.
• Комплексная работа с фотографиями. Там и повороты и кроппинг и ресайзинг средствами CodeIgniter.

При проектировании ориентировался прежде всего на редакторы фотоальбомов из вконтакте, яндекс.фоток, потому что у них удобнее всего они реализованы. Хотя просмотрел множество сервисов и русских и буржуйских.

Загрузка фотографий.

Происходит естественно без перезагрузки страницы. В этом мне помогает jQuery плагин AjaxFileUpload, который мне немножко пришлось переписать, дабы он соответствовал моим требованиям безопасности.

Интересно, что я сохраняю сразу 3 копии фотографий:

• 900px (в ширину), для полноэкранного просмотра отчета.
• 668px, для просмотра в стандартном режиме.
• 150px для миниатюр.

Всю работу над обрезкой фотографии возложил на image_lib от CodeIgniter, на котором основана MaxSite CMS.

Повороты фотографий.

Эту функцию решил добавить сразу, потому что перевернутые фотки очень часто попадаются, да и нужно учитывать, что не все пользователи сайта знают как развернуть фотки у себя на компе.

На картинке ниже пошагово показано, как работает поворот картинки.

1. Жмем стрелку поворота в нужную строну.
2. Вместо панели инструментов отображается надпись «Идет обработка».
3. После успешной обработки фото перевернется (все 3 экземпляра кручу), если не удалось, все останеться как есть, и будет выдано сообщение о ошибке на алерте.

Изменение описания.

Естественно юзеры захотят сделать комментарий к фотке. Я к примеру почти всегда даю комментарии к своим фотографиям. Поэтому, я так же, ч-з аякс загружаю/сохраняю описания к фото. Когда нажимаете кнопку изменить, появляется вот такой диалог.

Удаление фотки.

Удаление, как мне кажется прикольно сделано. При клике на корзину, выдается диалог подтверждения, после чего, если удаление успешно произошло, я с помощью jQuery анимации удаляю фотку со страницы. На фотке ниже, конечно, анимации не увидеть, но смотрится красиво, мне нравиться.

Выбор флагмана.

Это я так назвал выбор обложки для альбома. При клике на фотографию, к базе идет запрос о присвоении фотке статуса «Флагман». Причем предусмотрено все до мелочей. Если в отчете не было фоток – то первая добавленая получает статус, или если флагман был удален, то первая добавленая получает статус. Естественно все выделяется красным цветом без перезагрузки старницы.

Думаю, если бы делал кому-то на заказ подобное, взял бы не меньше штуки баксов, ибо поработал я на славу, даже самому нравиться.

Все, в этом году работы над проектом оканчиваю, продолжу наверное числа с второго. В целом не много осталось. Главное – самое сложное позади.