Фотоальбомы,пошаговая инструкция
Фотоальбомы, пошаговая инструкция
Фотоальбомы - теперь моя очередная любовь. Вот именно эти фотоальбомы с превьюшками. :-) С ними достаточно много возни, но при этом масса плюсов. Т.к. картинки уменьшаются не флешкой, а яндекс-фотками или вообще вручную, - все картинки четкие и качественные, не искаженные флешкой. Пролистав превьюшки можно оценить содержание всего альбома, выбрать нужные картинки, просмотреть их в размере 500-500 и только потом скачивать оригиналы. Сам альбом выходит максимально легким, ибо превьюшки 100-100 по-любому весят очень немного, а картинки 500-500 тоже явно легче, чем оригиналы и грузятся только после клика на маленькую превьюшку.
Да и вообще, нравятся они мне и все :-)))
Поэтому гружу пару фотоальбомов, вдруг кому пригодятся, и подробную "инструкцию" про составление плейлистов к этим альбомам.
Cкачать альбомы:
Первый альбом,
Второй альбом.
Теперь - обещанная "Пошаговая инструкция по составлению плейлистов к этим альбомам"
Я опишу все свои действия, максимально подробно :-)
Ставим фотографии на загрузку (азы работы с Яндекс-фотками ТуТ), а сами начинаем делать плейлист. Копируем эту часть кода и убираем из нее все лишнее (выделено):
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/5901/inmira.109/0_6138b_f5e07317_L.jpg)
Остается такой код:
<pic>
<images></images>
<prev></prev>
<original></original>
</pic>
Копируем этот код и открываем блокнот. (Про блокнот немного ТуТ.) Вставляем, копируем и повторяем столько раз, сколько будет картинок в фотоальбоме.
У меня картинок 204, поэтому я для скорости 10 раз продублировала, скопировала все 10 , повторила их 4 раз, затем скопировала все получившиеся 50 "кодиков", повторила их три раза и добавила код на 4 картинки. Вы действуйте, как Вам удобнее :-) Это я просто.. маленькие нюансы :-)
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/5001/inmira.109/0_6138c_a672323f_L.jpg)
Сделали... :-) Теперь дописываем в самом начале плейлиста это:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
Вышло:
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/5800/inmira.109/0_6138d_c7537c2a_L.jpg)
А самом конце - это:
</images>
Вышло:
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/4510/inmira.109/0_6138e_cc9ce40d_L.jpg)
Заготовка для плейлиста у нас готова. Осталось проставить ссылки. Т.к. первая картинка из трех вариантов разных размеров к каждому изображению у нас 500-500, я беру ВСЕ ссылки к загруженным изображениям в размере 500:
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/5802/inmira.109/0_6138f_af963054_L.jpg)
Копирую. Открываю еще один блокнот и вставляю скопированное. Отрезаем выделенное за ненадобностью:
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/5901/inmira.109/0_61390_3baa854c_L.jpg)
Теперь нам надо все эти ссылки перетащить в нужные места нашего плейлиста. (Повторюсь - описываю максимально удобный для МЕНЯ механизм действий :-) )
Копируем первую ссылку и вставляем ее во все три позиции этого кода.
<pic>
<images></images>
<prev></prev>
<original></original>
</pic>
Выйдет:
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/4700/inmira.109/0_61392_56c03611_L.jpg)
Удобнее сразу вырезать из блокнота со ссылками перенесенную в плейлист ссылку, чтобы не повториться ненароком:
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/5501/inmira.109/0_61393_e7ae56c4_L.jpg)
Я, как правило, использую "вырезать", а не "копировать", ибо все, что "вырезается" автоматически копируется.
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/5301/inmira.109/0_61391_efae4604_L.jpg)
Аналогично переносим все ссылки в плейлист, каждую - во все три позиции. В общем - это самая нудная и утомительная часть работы :-( Я почти уверена, что сие можно как-то автоматизировать, но пока не соображу КАК:-(... Или знаний не хватает, или туплю :-(
Наконец, все ссылки перенесены в плейлист, блокнот со ссылками пуст:-) :
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/4509/inmira.109/0_61394_879673a7_L.jpg)
Нам осталось проставить "правильные" (соответствующие нужным размерам) окончания у ссылок. Напомню, для плейлиста нам нужны еще ссылки на картинки 100-100 и на оригиналы. Вспоминаем "правильные окончания" :-)
для картинки 100-100 - окончание XS.jpg
500-500 - L.jpg
оригинал - orig.jpg
Выделяем в нашем плейлисте эту часть кода и идем в "Правку":
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/5801/inmira.109/0_61395_31698bc0_L.jpg)
Тыкаем "Заменить":
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/5802/inmira.109/0_61396_a0ce3a40_L.jpg)
Выделенная часть кода (L.jpg</prev>) у нас автоматически вставилась в верхнюю строку. В нижнюю строку вписываем
XS.jpg</prev>. Жмем кнопку "Заменить все":
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/5802/inmira.109/0_61397_8006b85_L.jpg)
Со ссылками на картинки 100-100 мы разобрались. Теперь разбираемся со ссылками на оригиналы. :-)
Выделяем L.jpg</original> и снова идем в "Правку":
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/4507/inmira.109/0_61398_db9ddc0f_L.jpg)
L.jpg</original> у нас в верхней строке, а в нижнюю вписываем orig.jpg</original>. Снова жмем кнопку "Заменить все".
Все ссылки у нас теперь "правильные" и ведут к картинкам с нужными размерами:
![плейлист, яндекс-фотки](//img-fotki.yandex.ru/get/6002/inmira.109/0_61399_7aecdfc3_L.jpg)
Осталось загрузить плейлист и сам альбом-флешку. Про это - ТуТ).
Код вставки этих двух альбомов:
[flash=593,684,Ссылка_на_альбом?playlist=Ссылка_на_плейлист]
BFlash |