Как создать слайдшоу

Копия поста отсюда

Blogger: Устанавливаем в блог слайд-шоу от Picasa!


Сегодня я расскажу как легко можно вставить на сайт слайд-шоу ваших фотографий, хранящихся в Picasa WebAlbums

Для начала отвечу на несколько вопросов:

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

Где я могу видеть мои Picasa WebAlbums? А вот по этой ссылке:http://picasaweb.google.com/home.

Когда я заглянула на нашу страничку Picasa WebAlbums первый раз я была шокирована насколько неупорядоченно фотографии лежат там по альбомам: в паре альбомов хранится по пол-тысячи фотографий, когда в иных из ни только по одной. Дело в том что использование Picasa WebAlbums стало побочным эффектом от использования Blogger(а) и загрузки фотографий в наши блоги. Кстати, фотографий уже загружено более 1200 и некоторые из них очень даже ничего. Но вопрос не об этом, а вопрос как сделать из этих фотографий слайд-шоу и как разместить его у себя в блоге...

Итак, слайд-шоу от Pcasa:

0. И возможно САМОЕ важное! Как мы только что выяснили  на русском языке это еще не работает [надеюсь в будущем - будет работать]. Так что самый первый, самый важный шаг идем в настройкиhttp://picasaweb.google.com/lh/settings и с тяжким вздохом меняем наш родной Русский язык на English(United States) именно United States - для UK это тоже не работает еще.

Редакция от 10.04.2009: Теперь эта опция есть и в русской версии Picasa! Спасибо Бабочка Яночка (Учусь вставлять слайд-шоу из веб-альбомов Пикаса)

1. Выбираем альбом, в котором хранятся фотографии, которые мы хотим показать в нашем слайд-шоу. Надеюсь, для вас это труда не составит. [Я вот выбрала фото-альбом ассоциированный с нашим фотоблогом о России]. 

На всякий случай скажу, что в Picasa WebAlbums можно создать и новый альбом (специально для вашего слайд-шоу), в который вы скопируете только те фотографии, которые вы хотите показать в слайд-шоу. Копировать просто: Заходим в альбом-источник, кликаем на фотографию, которую мы хотим скопировать и копируем её в тот самый вновь созданный альбом для слайд-шоу.

2. Итак, альбом у нас есть. Теперь получаем у Picasa код для вставки слайд-шоу этого фотоальбома к нам в блог: в статью ли, на боковую панель - не важно.

Как видно на этих рисунках - всё просто:
а) Сначала кликаем на Link to this album
б) Затем на - Embeded Slideshow
в) И на второй картинке они показывают превьюшку, дают нам выбрать размер слайд-шоу, автозапускать слайдшоу или нет, показывать или нет описания к фотографиям (если они у вас, конечно, есть). Расставляем галочки и копируем код из желтого окошка.

Копируем код в буфер обмена (в мышку) и вставляем - хотим как я в статью, хотим на боковую панель.

На боковую панель вставляем так: Добавить гаджет, выбираем тип гаджете Html/JavaScript, вставляем код, нажимаем СОХРАНИТЬ. Перетаскиваем гаджет на нужную позицию в макете (дизайне) и нажимаем еще раз СОХРАНИТЬ.

Если вставляем в статью хорошо бы полученный код окружить HTML тегами центрирующими слайд-шоу: <center> </center>

3. Еще я сделала небольшое "улучшение" изменила цвет фона для слайд-шоу с черного на цвет соответствующий фону статьи. В полученном отPicasa коде изменила шестициферное значение черного цвета 000000 на цвет моего фона получилось RGB=0xF0E9E3 вместо RGB=0x000000. [О кодах цветов можно прочитать здесь: Blogger: Готовим краски для раскраски!]

4. Иногда предложенные Picasa размеры не подходят для ширины нашей основной (если мы вставляем слайдшоу в статю) или боковой колонки. Тогда мы можем (и должны) поменять размеры в ручную. За размеры (как и в случае картинки: Blogger: Меняем размер картинки!) в полученном коде отвечают параметры width и height. Picasa предлагает нам выбрать ширину из следующих значений: 144px, 288px, 600px, 800px в моем случае, как и в случае Соловейки (Записки программиста и его жены) эти размеры определенно не подошли. Что же делать? (Менять размеры вручную):

а) Получить код от Picasa;
б) Решить какой ширины слайд-шоу смотрелось бы хорошо у вас в блоге. Я вот, например, решила, что 555px смотрелось бы идеально в этой статье, да и цифры получились очень красивые ;);
в) Расчитываем высоту нашего слайдшоу по формуле height=width*2/3 [т.е. высота равна ширине умноженной на два и затем поделенной на три]. В моем случае 555*2=1110 и 1110:3=370 итого высота получилась 370 (я специально подобрала ширину, чтобы она на 3 делилась, если у вас нацело не разделится - округлите в большую сторону).
г) Теперь последнее - меняем ширину и высоту в полученном от Picasa коде у меня они стали такими: width="555" height="370". Теперь у меня слайдшоу достаточно большое, но не вылезает за пределы страницы.

Комментариев нет:

Отправить комментарий