Делаем движущиеся картинки

Теперь приступим к изготовлению слайдшоу.
1. Заходим в альбом с нужными картинками на Яндекс.Фотках, нажимаем на ссылку "получить код", отмечаем все нужные изображения.
2. Внизу страницы в верхней строке последнего окошка с кодами выбираем нужный размер фоток. Подбирая картинки для слайдшоу, помните, что чем больше размер и количество фото, тем "тяжелее" будет ваше произведение, тем дольше будет грузится страница со слайдшоу..
3. Копируем содержимое окошка с кодами в любой текстовый файл. Всё, страницу с Яндекс.Фотками можно закрыть.
4. Вы помните, что под бегущей сторокой можно сделать цветной фон, а вот фон из картинки сделать нельзя. Но это не повод отказываться от использования красивых текстур в качестве подложки для слайд-шоу. Создадим таблицу, состоящую из одной ячейки. Размер ячейки подбирайте экспериментально, исходя из размеров картинок в будущем слайд-шоу. Установите для таблицы фоновую картинку.

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

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

Код:: <img src="код ссылки на картинку">

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

Код:: <marquee width="130" scrollamount="3"><img src="http://img-fotki.yandex.ru/get/3500/terytatyana.2/0_2d91f_ce2f640c_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3605/terytatyana.2/0_2d920_cea26ced_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d921_30031b6_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3505/terytatyana.2/0_2d922_8ed0bd3c_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3506/terytatyana.2/0_2d923_62ce3718_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3506/terytatyana.2/0_2d924_60ad8977_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d925_37bd2fdc_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d926_fff2e25d_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d927_eeeeae12_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3607/terytatyana.2/0_2d928_a71d08dc_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3500/terytatyana.2/0_2d91e_3b781be9_S.jpg"></marquee>

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

Код:

6. Вставляем код слайдшоу внутрь приготовленного кода таблички-рамочки:

Код:: <table border="1" cellpadding="5" cellspacing="5" width="130px" background="http://img-fotki.yandex.ru/get/3505/dkartasheva.33/0_b849_c7c6456d_L.jpg"><tbody><tr><td><marquee width="130" scrollamount="3"><img src="http://img-fotki.yandex.ru/get/3500/terytatyana.2/0_2d91f_ce2f640c_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3605/terytatyana.2/0_2d920_cea26ced_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d921_30031b6_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3505/terytatyana.2/0_2d922_8ed0bd3c_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3506/terytatyana.2/0_2d923_62ce3718_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3506/terytatyana.2/0_2d924_60ad8977_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d925_37bd2fdc_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d926_fff2e25d_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d927_eeeeae12_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3607/terytatyana.2/0_2d928_a71d08dc_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3500/terytatyana.2/0_2d91e_3b781be9_S.jpg"></marquee></td></tr></tbody></table>

Готовое слайдшоу.
Вы можете сделать своё слайдшоу из картинок или фото любого (разумного) размера!
Удачи и творческих успехов, друзья!
<table border="1" cellpadding="5" cellspacing="5" width="130px" background="http://img-fotki.yandex.ru/get/3505/dkartasheva.33/0_b849_c7c6456d_L.jpg"><tbody><tr><td><marquee width="130" scrollamount="3"><img src="http://img-fotki.yandex.ru/get/3500/terytatyana.2/0_2d91f_ce2f640c_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3605/terytatyana.2/0_2d920_cea26ced_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d921_30031b6_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3505/terytatyana.2/0_2d922_8ed0bd3c_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3506/terytatyana.2/0_2d923_62ce3718_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3506/terytatyana.2/0_2d924_60ad8977_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d925_37bd2fdc_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d926_fff2e25d_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3600/terytatyana.2/0_2d927_eeeeae12_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3607/terytatyana.2/0_2d928_a71d08dc_S.jpg"> <img src="http://img-fotki.yandex.ru/get/3500/terytatyana.2/0_2d91e_3b781be9_S.jpg"></marquee></td></tr></tbody></table>