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


Как создать "галерею из фотографий" 18-01-2012 21:22 к комментариям - к полной версии - понравилось!

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


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

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

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



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

<img src="http://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 ZeisbergBernd ZeisbergBernd ZeisbergBernd Zeisberg


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

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

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

<marquee scrollamount="4" scrolldelay="1"direction="up"><img src="http://img-fotki.yandex.ru/get/5113/39663434.3b/0_63105_a9d219d5_M.jpg" width="172" height="172" title="Bernd Zeisberg" alt="Bernd Zeisberg" /><img src="http://img-fotki.yandex.ru/get/4410/39663434.3b/0_63106_756f337e_M.jpg" width="172" height="172" title="Bernd Zeisberg" alt="Bernd Zeisberg" /><img src="http://img-fotki.yandex.ru/get/4411/39663434.3b/0_63107_48e0c9cd_M.jpg" width="172" height="172" title="Bernd Zeisberg" alt="Bernd Zeisberg" /><img src="http://img-fotki.yandex.ru/get/5306/39663434.3b/0_63108_aa40ffc7_M.jpg" width="172" height="172" title="Bernd Zeisberg" alt="Bernd Zeisberg" /></marquee>


УДАЧИ ВСЕМ!

[показать]

вверх^ к полной версии понравилось! в evernote
Комментарии (2):
nataly737 18-01-2012-23:45 удалить
Спасибо огромное!


Комментарии (2): вверх^

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

Дневник Как создать "галерею из фотографий" | ПЕЛАГИЯ2 - Дневник ПЕЛАГИЯ2 | Лента друзей ПЕЛАГИЯ2 / Полная версия Добавить в друзья Страницы: раньше»