• Авторизация


Бегущая строка + слайд-шоу. 15-10-2013 11:08 к комментариям - к полной версии - понравилось!

Это цитата сообщения MANGIANA Оригинальное сообщение

Бегущая строка + слайд-шоу

[показать]
"БЕГУЩАЯ СТРОКА" ИЛИ СЛАЙД-ШОУ СВОИМИ РУКАМИ

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


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

Для движения направо:


Для движения вверх:


Для движения вниз:


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

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

behavior="slide" – Прокрутка текста с остановкой

behavior="alternate" – Движение от края к краю

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

6. Вставляем код слайдшоу внутрь приготовленного кода таблички-рамочки:
 
Источник: dkartasheva.ya.ru/replies.xml?item_no=2111&ncrnd=8717


[показать]ОНЛАЙН СЕРВИСЫ ДЛЯ СОЗДАНИЯ СЛАЙД-ШОУ

slide (слайд-шоу)

Hа сайте есть мощный редактор для составления слайд-шоу.Настраивается каждая мелочь. От фона, рамок и скорости смены картинки до дополнительных визуальных эффектов и текста, который появляется прямо поверх фотографий

Фотофильмы (переключение и отображение фотографий сопровождается специальными видеоэффектами, текстовыми комментариями и звуковым сопровождением)

pixtar.Iv (cлайд-шоу в красивом оформлении, с музыкой и комментариями)

photobucket (cоздать слайд-шоу)

Animoto. Красочная презентация из Ваших фотографий (cлайд-шоу)

Slide - Photo Sharing (генератор слайд-шоу)

Слайд-шоу

http://www.slide.com/arrange - сайт slide.com (инструкция: когда откроется страница, вверху слева есть логотип и рядом слово "Create". Нажать на него и откроется меню, в котором нужно выбрать "Post a Video", и потом просто в панельке поиска на оранжевом поле страницы нужно написать, что хотите найти....а в квадратиках справа найти вид плеера. После того, как нашли песню и выбрали, выбираете плеер и нажимаете на зеленый кирпичик слева от плеера, на котором написано SAVE..Откроется окно с кучей кодов. Слева среди названий блогов и журналов нужно выбрать "Bebo", а потом скопировать код и вставить к себе в дневник


Wondershare Photo Story Platinum 3.0 Portable
[показать]

Удобная и качественная программа для создания эффектного слайд-шоу из ваших фотографий со звуком. Абсолютная простота в использовании и наличие большого набора функций, красивый и удобный интерфейс выгодно отличают её от программ подобного рода. Имеет около 100 восхитительных тематических шаблона, 12 музыкальный фоновых треков, с возможностью добавлять собственные, несколько анимированных стилей для начала и конца показа, внесение в проект текста и графики, встроенный фоторедактор и оптимизатор кадров, подбор скорости перелистывания и пр. Позволяет сохранение в нескольких цифровых форматах и имеет возможность записи результата на DVD.

Wondershare Photo Story это инновационная программа для создания фотоальбомов, которая оживит ваши цифровые фотографии. Вы с легкостью сможете создать альбом, выбрав любой из десятков шаблонов, добавив декораций и вступительные или заключительные титры. А затем вы сможете показать такой альбом всем родственникам и друзьям.

Фотоальбомы создаются очень просто: перетаскиванием нужных элементов и парой щелчков мышью;
Оживите фотографии, использовав удивительные анимированные шаблоны, которых в программе десятки; На нашем сайте вы сможете найти специальные шаблоны для свадьбы или других праздников;
Выбирайте из множества роликов для вступления и финальных титров;
Добавляйте свою фоновую музыку, надписи, клипарты и спецэффекты;
Выкладывайте свои альбомы в Интернет и делитесь ими с друзьями..


An innovative photo slideshow software to create and share Hollywood-styled photo story that make you go "Wow!"

Is it easy? Sure. With just a few clicks, Wondershare Photo Story Platinum turns your digital photos into stunning slideshow, complete with movie-style effects, music and intro/end animations. Burn photo
slideshow onto DVDs for play back on TV, or create video files of your slideshow to enjoy them on PC, Web, iPod, iPhone, Zune and more.

. Impressive: Cinematic TV shows ready for a big audience.
. Intuitive: Intelligent and user-friendly photo movie making as easy as 1-2-3.
. For Every Occasion: 200+ movie styles for vacation, wedding, family and more.


homepage
Размер (RAR): 28,8 Мб
Информация для воссстановления: 2% без пароля

Wondershare_Photo_Story_Platinum_3.0_Portable.rar

скачать:


[400x74]



Серия сообщений "Слайд-шоу":

Часть 1 - Аниматоры
Часть 2 - ОНЛАЙН СЕРВИСЫ ДЛЯ СОЗДАНИЯ СЛАЙД-ШОУ
...
Часть 14 - Я ПРЕВРАЩАЮСЬ В KRISTIN DAVIS (мы с ней похожи!)
Часть 15 - Крестовый Туз - Это Питер ! (музыкальная открытка от Дмитрия Куприянова)
Часть 16 - Бегущая строка + слайд-шоу




Серия сообщений "Онлайн сервисы":

Часть 1 - Сделать блестящую надпись на картинке без Фотошопа
Часть 2 - УБИРАЕМ ВСЁ ЛИШНЕЕ С НАДПИСЕЙ-БЛЕСТЕЛОК
...
Часть 42 - Photovisi – создание коллажа ОнЛайн быстро и легко
Часть 43 - ФОТОРЕДАКТОРЫ
Часть 44 - Бегущая строка + слайд-шоу


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Бегущая строка + слайд-шоу. | TAMARA-5 - Пишу историю свою... | Лента друзей TAMARA-5 / Полная версия Добавить в друзья Страницы: раньше»