|
А давайте устроим... Вот мне кажется, что вы все крутые до неба, но я ошибаюсь.
Вот вам уточнение задачи, и хотелось бы дальше говорить только с тем, кто ее понял, и видит как сделать это элегантно:
ПРОСМОТР
Загруженная и размеченная картинка показывается в области, вокруг
которой сохраняются поля для показа комментариев.
Комментарии выглядят как прямоугольники с текстом, привязанные к
определённой области на изображении. Например, нарисовано солнце, от
него тянется "стрелка" к прямоугольнику комментария, в котором
написано: "Это солнце". Каждый комментарий содержит увеличенный
фрагмент изображения, к которому он относится. Этот фрагмент может
быть ещё больше увеличен по клику для детального рассмотрения -- он
показывается во всплывающем окошке.
Текст комментария может иметь ссылки на другие размеченные изображения
в репозитории сайта или встроенные аудиофрагменты (напр., звуковые
пояснения).
Все комментарии сначала спрятаны, их можно показывать по клику на
активных зонах (размеченных фрагментах изображения). Активные зоны при
проведении мыши поверх них подсвечиваются (или просто обозначаются
мерцающей рамкой). По клику показывается соответствующий данной зоне
комментарий. Снова скрыть комментарий можно, нажав на крестик внутри
рамки комментария (по аналогии с закрытием всплывающего окошка).
РАЗМЕТКА
Важная часть системы, -- система разметки изображения и размещения
комментариев.
Загруженная картинка располагается в области "редактора" таким
образом, что вокруг неё остаются поля под собственно комментарии --
т.е., так же примерно, как и при просмотре картинки зрителем.
Картинка загружается на сайт в разрешении, близком к печатному,
поэтому для редактирования её, видимо, имеет смысл уменьшать, подгоняя
либо под размер окна браузера (экрана), либо под к.-то стандартный
размер (???).
Положение прямоугольника комментария задаётся пользователем
путём перетаскивания его мышью. Перетягивая мышью границы
прямоугольника, изменяются его размеры.
Аналогичным образом задаётся и прямоугольник "зоны привязки"
комментария на самой картинке.
Перетаскиванием же задётся и положение указующей "стрелки" от
комментария к зоне привязки.
Во время редактирования текста комментария предусмотреть минимальные
возможности его оформления и форматирования: подчёркивание, выделение,
курсив, болд. Должен быть инструмент для задания ссылок на другие
картинки в базе данных сайта и возможность загрузить и вставить
аудио-комментарий.
|