Выбор видимой части изображения при загрузке

finik 25.05.2014 Общие вопросы, jQuery 3016

вопрос

День добрый. При загрузке изображений, часто в видимой части видно только подбородок (если это касается человека), либо только часть какого-либо предмета, остальное скрыто/обрезано. Особенно данная проблема актуальна в тех шаблонах, где изображение в анонсах имеет строгие пропорции, допустим 16:9.
Данную проблему можно решить возможностью выбора видимой части изображения при загрузке, после которой простым перетаскиванием картинки в рамке имеющей такие же пропорции, что и на сайте, позиционируется/выбирается видимая часть, далее нажимается "применить" и создается тумб для анонса.

Как подобное реализовать, может есть готовые решения или специалисты готовые написать данную доработку (за $)?

Ответа пока нет

4 комментария

Эксперт

1317

lutskboy - 2014-05-2526 мая 2014 21:38 - #29250

делал подобное, но для других целей. А как вы видите реализацию? опишите детально. сделать иконку на каждой картинке, типа редактировать, при клике открывается новое окно с картинкой и возможностью обрезать ее как вам нужно?

Юзер

finik - 2014-05-2526 мая 2014 22:04 - #29251

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

более доступно - многие пользуются ВКонтакте - там загружая фото на аватар, необходимо выбрать видимую часть для юзерпика и самой страницы, только там рамку-обрезки можно "таскать" за углы, тем самым меняя её размер, в моем же случае размер рамки-обрезки статичен.

Эксперт

1317

lutskboy - 2014-05-2527 мая 2014 14:49 - #29274

Вы не много не поняли о чем я спрашивал. Ну да ладно. Бюджет какой? Сделаю.

Юзер

finik - 2014-05-2527 мая 2014 21:03 - #29289

По реализации - это должна быть дополнительная функция стандартного окна загрузки файлов/изображений через админку (через сайт не надо). Соответственно дополнительная строка для выбора на компьютере загружаемого изображения. По завершению процесса загрузки появляется окно, в котором выбирается видимая часть изображения, нажимается кнопка ОК.

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?