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

Понедельник, 27 Мая 2013 г. 15:31 + в цитатник

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

Прочитать целиком В свой цитатник или сообщество!

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

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

- это простой код подобного слайд-шоу.

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

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

2. Выберите нужное направление движения слайд-шоу:

.

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

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

Вот полный код представленного выше слайд-шоу, с размером окна 700х525 пикселей. А краткий (он тоже подходит, т.к. фото заданного размера) - указан под ним.

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

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

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