Чайники, объединяйтесь! Про заработки в интернете только правда!

Заработать в интернете не просто - этому мы учимся здесь!
ФорумОнлайн-игрыГалереяЧаВоПоискПользователиРегистрацияВходСкидкиИграть My Lands

Поделиться  | 
 

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

Предыдущая тема Следующая тема Перейти вниз 
Автор Сообщение
avatar
Lediboss
 
 

Женщина
Количество сообщений : 1065
Настроение : 100% позитива
Страна :
Репутация : 13
Бонусы : 3780
Дата регистрации : 2008-07-13

СообщениеТема: Делаем движущиеся картинки   Пт 11 Дек - 21:16

Теперь приступим к изготовлению слайдшоу.
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>

_________________

Онлайн консультация со мной
Вернуться к началу Перейти вниз
http://lediboss.biz/
 

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

Предыдущая тема Следующая тема Вернуться к началу 
Страница 1 из 1

Права доступа к этому форуму: Вы не можете отвечать на сообщения
Чайники, объединяйтесь! Про заработки в интернете только правда! :: УЧИМСЯ МАЛЕНЬКИМ ХИТРОСТЯМ :: Как сделать движущийся текст -