Сегодня мы научимся делать слайд-шоу собственными руками, без испоьзования плеера с Яндекс-Фоток.
Для этого вначале познакомимся с "бегущей строкой".
Все бегущие строки создаются с помощью тэгов <marquee>...</marquee>
<marquee>Текст движется </marquee>
Текст движется
По умолчанию строка движется справа налево.
Чтобы изменить направление движения, используем в тэге <marquee> атрибут direction, задающий направление движения.

Для движения направо:
<marquee direction="right">Текст движется направо </marquee>

Для движения вверх:
<marquee direction="up">Текст движется вверх</marquee>

Для движения вниз:
<marquee direction="down">Текст движется вниз</marquee>

Кроме команды direction тэг <marquee> может содержать атрибут behavior, задающий поведение бегущей строки.

behavior="scroll" –прокрутка текста. Это значение можно не указывать, т.к. текст по умолчанию всегда прокручивается.
<marquee behavior="scroll"> Текст прокручивается </marquee>

behavior="slide" – Прокрутка текста с остановкой
<marquee behavior="slide"> Текст прокручивается и останавливается </marquee>

behavior="alternate" – Движение от края к краю
<marquee behavior="alternate"> Текст движется от края к краю</marquee>

Другие aтрибуты:
scrollamount="1" – скорость движения строки. Может изменяться от 1 до 9.

scrolldelay="20" – Этот атрибут задаёт временной интервал в миллисекундах между шагами бегущей строки.

width="200" – ширина бегущей строки в пикселях или процентах от ширины экрана.

height="17" – высота бегущей строки в пикселях или процентах. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).

bgcolor="#E9E9D1" – Задаёт фоновый цвет бегущей строки. (Вместо E9E9D1 подставляйте свой цвет).

loop="2" – задаёт число проходов бегущей строки. (Если указать "2" то два раза текст проедет и больше показываться не будет, только если ещё раз обновить страницу).

hspace="70" - атрибут задает поле в пикселах справа и слева от бегущей строки.

vspace="70" - атрибут задает отступ в пикселах выше и ниже бегущей строки. 

Чтобы двигалась картинка, заменим текст между тегами <marquee>...</marquee> ссылкой на картинку:

<marquee><img src="<a href="//img-fotki.yandex.ru/get/3112/dkartasheva.10/0_7c8f_860c0db8_S.jpg">" target="_blank">//img-fotki.yandex.ru/get/3112/dkartasheva.10/0_7c8f_860c0db8_S.jpg"></a> </marquee>

Теперь приступим к изготовлению слайдшоу.  

1. Заходим в альбом с нужными картинками на Яндекс.Фотках, нажимаем на ссылку "получить код", отмечаем все нужные изображения.

2. Внизу страницы в верхней строке последнего окошка с кодами выбираем нужный размер фоток. Подбирая картинки для слайдшоу, помните, что чем больше размер и количество фото, тем "тяжелее" будет ваше произведение, тем дольше будет грузится страница со слайдшоу..

3. Копируем содержимое окошка с кодами в любой текстовый файл. Всё, страницу с Яндекс.Фотками можно закрыть.

4. Вы помните, что под бегущей сторокой можно сделать цветной фон, а вот фон из картинки сделать нельзя. Но это не повод отказываться от использования красивых текстур в качестве подложки для слайд-шоу. Создадим таблицу, состоящую из одной ячейки. Размер ячейки подбирайте экспериментально, исходя из размеров картинок в будущем слайд-шоу. Установите для таблицы фоновую картинку.

<table border="1" cellpadding="10" cellspacing="10" width="130px" background="<a href="//img-fotki.yandex.ru/get/3505/dkartasheva.33/0_b849_c7c6456d_L.jpg"><tbody><tr><td>здесь" target="_blank">//img-fotki.yandex.ru/get/3505/dkartasheva.33...y><tr><td>здесь</a> будет слайдшоу</td></tr></tbody></table>

5. Формируем слайдшоу.
5.1. Открываем файл с подготовленным списком кодов картинок и каждой из них дописываем теги следующим образом:
<img src="код ссылки на картинку">

5.2. Определяемся с параметрами слайдшоу (ширина слайдшоу 130 px, движение вправо, скорость движения 3) и пишем код:

<marquee width="130" scrollamount="3"><img src="<a href="//img-fotki.yandex.ru/get/3310/dkartasheva.10/0_7c90_86b9d885_S.jpg">&nbsp&nbsp&nbsp&nbsp&nbsp<img" target="_blank">//img-fotki.yandex.ru/get/3310/dkartasheva.10...;nbsp&nbsp&nbsp<img</a> src="<a href="//img-fotki.yandex.ru/get/3113/dkartasheva.10/0_7c91_6c182e_S.jpg">&nbsp&nbsp&nbsp&nbsp&nbsp<img" target="_blank">//img-fotki.yandex.ru/get/3113/dkartasheva.10...;nbsp&nbsp&nbsp<img</a> src="<a href="//img-fotki.yandex.ru/get/3209/dkartasheva.10/0_7c92_7746ec06_S.jpg">&nbsp&nbsp&nbsp&nbsp&nbsp<img" target="_blank">//img-fotki.yandex.ru/get/3209/dkartasheva.10...;nbsp&nbsp&nbsp<img</a> src="<a href="//img-fotki.yandex.ru/get/3214/dkartasheva.10/0_7c93_e59d171f_S.jpg">&nbsp&nbsp&nbsp&nbsp&nbsp<img" target="_blank">//img-fotki.yandex.ru/get/3214/dkartasheva.10...;nbsp&nbsp&nbsp<img</a> src="//img-fotki.yandex.ru/get/3108/dkartasheva.10/0_7c94_f5e971dc_S.jpg"></marquee>

5.3. Для того, чтобы картинки в слайдшоу не "склеивались", можно добавить между ними промежутки с помощью символа неразрывного пробела  &nbsp

6. Вставляем код слайдшоу внутрь приготовленного кода таблички-рамочки:
<table border="1" cellpadding="10" cellspacing="10" width="130px" background="<a href="//img-fotki.yandex.ru/get/3505/dkartasheva.33/0_b849_c7c6456d_L.jpg"><tbody><tr><td><marquee" target="_blank">//img-fotki.yandex.ru/get/3505/dkartasheva.33...lt;tr><td><marquee</a> width="130" scrollamount="3"><img src="<a href="//img-fotki.yandex.ru/get/3310/dkartasheva.10/0_7c90_86b9d885_S.jpg">&nbsp&nbsp&nbsp&nbsp&nbsp<img" target="_blank">//img-fotki.yandex.ru/get/3310/dkartasheva.10...;nbsp&nbsp&nbsp<img</a> src="<a href="//img-fotki.yandex.ru/get/3113/dkartasheva.10/0_7c91_6c182e_S.jpg">&nbsp&nbsp&nbsp&nbsp&nbsp<img" target="_blank">//img-fotki.yandex.ru/get/3113/dkartasheva.10...;nbsp&nbsp&nbsp<img</a> src="<a href="//img-fotki.yandex.ru/get/3209/dkartasheva.10/0_7c92_7746ec06_S.jpg">&nbsp&nbsp&nbsp&nbsp&nbsp<img" target="_blank">//img-fotki.yandex.ru/get/3209/dkartasheva.10...;nbsp&nbsp&nbsp<img</a> src="<a href="//img-fotki.yandex.ru/get/3214/dkartasheva.10/0_7c93_e59d171f_S.jpg">&nbsp&nbsp&nbsp&nbsp&nbsp<img" target="_blank">//img-fotki.yandex.ru/get/3214/dkartasheva.10...;nbsp&nbsp&nbsp<img</a> src="//img-fotki.yandex.ru/get/3108/dkartasheva.10/0_7c94_f5e971dc_S.jpg"></marquee></td></tr></tbody></table>
 

Готовое слайдшоу.