На сайте обновил портфолио, теперь оно снова на флеше с использованием функции экспорта для web в последней версии Adobe Lightroom 2.2. Физически картинки хранятся на Яндексе, для чего пришлось подправить соответствующие адреса в файле gallery.xml. От использования портфолио, основанного на lightbox пришлось отказаться, т.к. оно изменяет размеры документа в окне браузера, и появляются лишние полосы прокрутки.
Недавно у меня спрашивали, как на блоггере включить показ больших версий картинок с помощью Lightbox. Lightbox 2 — бесплатный плагин для веб-страницы, позволяющий при щелчке по фото отобразить её большой вариант поверх текста страницы. Нужно подключить скрипты к странице согласно инструкции разработчика, вписав адреса скриптов в секцию
страницы в режиме редактирования HTML шаблона. После этого установить свойство rel="lightbox" в ссылках на рисунки, после чего… всё равно не будет работать.Следующий ход простой, но неочевидный — удалить -h в адресе ссылки (обычно в блоггере открывается по щелчке на фото новая страница, содержащая полноразмерное фото). Удалив -h (сделав …/s1600/… вместо …/s1600-h/…), вы включите возможность показа больших фото сразу на странице с постом.
Старое lightbox-портфолио можно посмотреть внизу страницы.
К счастью ничего не нужно дописывать, я раскомментировал закрытый скрипт, который раньше запускался при показе страницы портфолио.
New portfolio. Publishing of lightbox-enabled photos in Blogger.
I’ve just updated my portfolio slideshow on the site title page. Now it is powered by Airtight Interactive SimpleViewer web export plugin available with recent version of Adobe Lightroom 2.2. Photos are physically stored @ Яndex web hosting, so I edited gallery.xml to make it work properly. I’ve rejected lightbox-powered portfolio because it caused unwanted page resize events on small computer screens.
Recently I was asked how to enable lightbox plugin on Blogger. I’m sure that I am not the first, but anyway.. Lightbox 2 is a free plugin that enables you to show full-sized photographs inside the page on a new layer. All you need is to plug scripts to your page template according to developer manual — type in the addresses of scripts in
section of template when editing it in HTML mode. Than you should set up rel="lightbox" property in links to photos then… that won’t work.Your next turn is simple but not obvious. You need to delete -h in link address (usually blogger opens a new page containing your full-sized photo). Delete -h (make …/s1600/… instead of …/s1600-h/…), and you have full-sized photo preview directly on your post page.
One may view an old lightbox-powered version of portfolio in the bottom of page.
Luckily I needed to just uncomment the script text that previously printed portfolio thumbnails on portfolio page.