2011-10-20

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

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

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

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

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

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

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


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

 

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

 
eikei | 2011-10-20

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

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

Имя*

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