2011-10-20

Масштабирование фотографий

движок

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

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

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

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

Все просто. Закидываем фото, подправляем пути, и наслаждаемся:

Так растут бананы на пальме


P.S. Дизайн выпадающего окошка помог создать Паша Чуриков - лидер группы четвертый ветер и по-совместительству отличный веб-дизайнер.

 

комментарии:

 
eikei | 2011-10-20

"...я видел как размножаются ежики ..." 

RSS комментариев

Для того чтобы каждый раз не представляться можно войти как зарегистрированный пользователь.

Имя*

разрешены только теги br, font, span, p, strong, u, p, blockquote, a, div, img - остальные будут безжалостно удаляться

разное (183)
howto (124)
программирование (108)
гад-же-ты (75)
мысли (42)
PHP (41)
JavaScript (39)
вебмастеринг (37)
linux (28)
гондураша (28)
юмор (25)
полезное (21)
движок (17)
Android (17)
софт (15)
деньги (14)
видео (13)
кино (13)
музыка (10)
беспредел (10)
путешествия (10)
интернет (9)
diy (9)
ztools (8)
книги (8)
умный дом (8)
занимательная физика (8)
языки (7)
хостинг (7)
Nokia 5800 (7)
lifehack (6)
css (6)
вебдизайн (6)
apple (5)
arduino (5)
связной (5)
прелоадер (5)
козлы (5)
oDesk (5)
занимательная юриспруденция (4)
кухня (4)
Python (4)
аниме (4)
svn (4)
рестораны (3)
энергия (3)
synphony (3)
software (3)
фото на документы (2)
webmastering (2)
Java (2)
Ruby on Rails (2)
спорт (2)
bash (2)
движек (2)
гитара (2)
дурдом (1)
C++ (1)
годнурас (1)
микросервисы (1)
SEO (1)
programming (1)
технологии (1)
наука (1)
сайты (1)
авторское право (1)
восстановить (1)
Поиск по блогу:

Valid XHTML 1.0 Strict