как реализуется превью картинки | Forum

11 May 2016, 8:52

Posts: 485
Location: Detroit

11 May 2016, 8:52

Posts: 485
Location: Detroit

как реализуют в джанго превью картинки, что бы человек понял, что на нее можно нажать и посмотреть ближе... я понимаю, что сам вывод картинки "ближе к просмотру" осуществляется с помощью JS`а пните в нужную сторону пожалуйста

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

Updated 11 May 2016, 9:04 by Origin.

Answer | 0

11 May 2016, 9:45 N.E.M Posts: 1262	11 May 2016, 9:45 N.E.M Posts: 1262 а вот почитайте
	Answer \| 2

11 May 2016, 10:02 Origin Posts: 485 Location: Detroit	11 May 2016, 10:02 Origin Posts: 485 Location: Detroit даже так, спасибо
	Answer \| 1

Posts: 1262

Posts: 1262

Это даже не единственное решение. Но общий смысл у всех примерно похожий.

Здесь что есть:

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

Answer | 1

11 May 2016, 10:18 Origin Posts: 485 Location: Detroit	11 May 2016, 10:18 Origin Posts: 485 Location: Detroit `<a href="{{ big.url}}" title="look ma!"><img src="{{ small.url }}"></a>` вот эту страницу (big.url) он будет генерить сам ? Updated 11 May 2016, 10:18 by Origin.
	Answer \| 0

Posts: 1262

Posts: 1262

это не страница, это поле модели ImageField, у него есть среди прочего свойство url. То есть, это то, что у вас есть и так, без всяких сторонних решений. А вот small.url — это уже то, что станет возможным благодаря применению тэга {% thumbnail %}

Answer | 0

11 May 2016, 10:25 Origin Posts: 485 Location: Detroit	11 May 2016, 10:25 Origin Posts: 485 Location: Detroit ну по сути, будет открываться новая страница с картинкой, но мы может в этом месте прикрутит AJAX что бы открывалось окошко, а не новая страница ?
	Answer \| 0

Posts: 1262

Posts: 1262

страницей всё-таки это неправильно называть. Это будет прямой адрес картинки, который будет начинаться с MEDIA_URL. На боевом в этом процессе джанго уже вообще не будет участвовать. А аякс — да, можно прикрутить.

Answer | 0

Posts: 177

Posts: 177

а вот почитайте

Раз уж пошла такая пьянка. Скажите пожалуйста, на ваш взгляд имеет ли смысл отказываться от django-imagekit в сторону sorl-thumbnail. По сути тоже самое только кода в первом случае пишется чуть больше, да и django-imagekit создает превьюшки отдельными файлами и ложит их в папку CAHE, таким образом насколько я понял, при вызове превьюшки не будет нагрузки на ее генерирование.

sorl-thumbnail работает так же?

Answer | 0

Posts: 1262

Posts: 1262

нет, отказываться, переводить проект — в этом вообще никакого смысла нет. Из популярных есть ещё easy_thumbnail. Сложно сказать, какое из этих решений лучше. Они все примерно одинаковы, делают одно и то же, только способы применения чуть отличаются в деталях.

Answer | 0

11 May 2016, 12:44 alimuradov Posts: 177	11 May 2016, 12:44 alimuradov Posts: 177 Центирование превьюшки в django-imagekit не нашел.
	Answer \| 0

11 May 2016, 23:19 N.E.M Posts: 1262	11 May 2016, 23:19 N.E.M Posts: 1262 Сами процессоры стоит смотреть в доках к PILKit. Как-то так: `thumbnail = ImageSpecField(source='photo', processors =[Thumbnail(100, 100, Anchor.CENTER, crop=True)])`
	Answer \| 1