Как создать "галерею из фотографий"

Вторник, 17 Января 2012 г. 09:37 + в цитатник

Нравится? Тогда учимся все это создавать в течение нескольких минут. Все очень просто: следуйте простым инструкциям и у вас все получится.
Перед вами готовая галерея из 6 картинок. Такими галереями вы можете украшать свои посты, при этом можно использовать различные комбинации. Направлять картинку слева направо или справа налево, вверх или вниз и т.д. ИТАК:
Bernd Zeisberg

Желательно подбирать одинаковые фотографии по длине и ширине, но если фотки разные оставляйте как есть.
Основной код для вставки галереи:

<marquee scrollamount="2" scrolldelay="1">Сюда вставляем коды фотографий</marquee>

Код фотографии должен выглядеть не как обычный адрес, а вот так:

<img src="//img-fotki.yandex.ru/get/19/39663434.82/0_6b11e_da7fe725_L.jpg" width="500" height="500" title="Bernd Zeisberg" alt="Bernd Zeisberg" />

Итак, вы вставили коды фотографий,картинок вместо слов "Сюда вставляем коды фотографий". Теперь приступим к регулированию скорости прокрутки. Параметр scrollamount="2" отвечает за скорость прокрутки. Если вы хотите увеличить скорость, замените 2 на другое число. Параметр scrolldelay="1" отвечает за задержку перед каждым новым движением. Если вы хотите чтобы картинка двигалась с большими задержками, тогда поставьте число 500 или 1000, если же хотите движение без тормозов то не трогайте данный параметр. Полученный код публикуем в блог и радуем читателя.

Помимо большой галереи, вы можете сделать маленькую, загрузив небольшие фотографии (ширина 150-200). Делается всё так же, просто вместо больших фоток вставляете маленькие. Посмотрите, что получилось.

Bernd Zeisberg

Я выставила только 4 картинки, а в общем выставляете сколько хотите и они буду рядами всплывать вверх,вниз и т.д.
К примеру вы хотите, чтобы фотографии шли не справа налево, а наоборот. Для этого добавьте в код команду direction="right". Если вы хотите, чтобы фотографии ходили справа налево а потом обратно, вставьте в код галереи команду behavior="alternate".

Если вы хотите пустить фотографии сверху вниз или снизу вверх воспользуйтесь данными командами:
direction="down" - фотографии идут с верху вниз;
direction="up" - фотографии идут с низу вверх.

Вот код моей галереи,где картинки идут снизу вверх. Чтобы вы смогли сами выстроить свой код или кому не понятен был урок:

УДАЧИ ВСЕМ!