Цитата сообщения Дом_советов

Как сделать слайд-шоу?



Слайд-шоу - очень простой и эффектный способ поразить собеседника наповал подборкой красивых фотографий. Вот, например, галерея из 20 фотографий природы - устоять невозможно! Когда досмотрите до конца, я вам расскажу как легко сделать подобное и вам самим.

<marquee scrollamount="8">Ваши фото</marquee>- это простой код подобного слайд-шоу.

Правда, здорово! А представьте, что это слайд-шоу ваших любимых фотографий (портреты, пейзажи, жанровые снимки). Это же суперукрашение для ваших постов! При этом картинки могут двигаться с любой скоростью и в любую сторону (слева направо, справа налево, сверху вниз, снизу вверх, а также в обе стороны). Уйдет на создание такого слайд-шоу (с учетом использования около 10 фото) - не более 5 минут. Вот порядок действий:

1. Подобрать фотографии для слайд-шоу, загрузив их либо в свой черновик, либо на любой сервер типа Радикал. Желательно подобрать однотипные (горизонтальные или вертикальные) фото, чтобы они смотрелись целостно.

2. Выберите нужное направление движения слайд-шоу:
<marquee style="HEIGHT: 300px" direction="up" scrollamount="5">Движение снизу вверх</marquee>
<marquee style="HEIGHT: 300px" direction="down" scrollamount="5">Движение сверху вниз</marquee>
<marquee style="WIDTH: 700px" direction="left" scrollamount="5">Движение справа налево</marquee>
<marquee style="WIDTH: 700px" direction="right" scrollamount="5">Движение слева направо </marquee>
<marquee style="WIDTH: 700px" behavior="alternate" scrollamount="5">Движение справа налево и обратно</marquee>.

3. Добавьте коды своих фотографий (с черновика или сервера) вместо слов "Движение снизу вверх" (или другое направление). Ваш слайд-шоу готов!

Width: 700рх – означает, что ширина окна для слайд-шоу равна 700 пикселей (кстати, такой размер полного окна на блогах ЛиРу); height: 300px – означает, что высота окна равна 300 пикселей. Эти данные можно менять - уменьшать или увеличивать.
Можно вообще не выставлять параметры ширины и высоты - тогда слайд-шоу пойдёт с базовыми размерами фотографий.
scrollamount="5" - поменяв цифру 5 на другую, Вы измените скорость движения. Чем больше цифра - тем больше скорость.
scrolldelay="1" - скорость задержки перед новым движением. Если надо двигать картинку с большими задержками, измените цифру 1 на 100 или даже на 1000. Тоже можно не выставлять.

Вот полный код представленного выше слайд-шоу, с размером окна 700х525 пикселей. А краткий (он тоже подходит, т.к. фото заданного размера) - указан под ним.
<marquee style="width: 700px" direction="left" scrollamount="5" scrolldelay="1">Ваши фото - движение справа налево</marquee>

Также Вы можете сделать маленькую галерею, загрузив небольшие фотографии (ширина 160px). Или просто изменив в старых кодах размеры снимков, как сделал я. Получилось очень красиво!

<marquee scrollamount="2" scrolldelay="1" direction="up">Ваши фото</marquee>- это код данного слайд-шоу (размеры фото - 160х120 пикселей). Коды фотографий по типу img src="http://... (вместо слов "Ваши фото") надо ставить встык друг за другом, без пробелов.

Если вместо кода фотографий Вы вставите текст - он начнёт двигаться (так же, как и картинки) в нужном Вам направлении.
Удачных и красивых вам фотогалерей!