Нравится? Тогда учимся все это создавать в течение нескольких минут. Все очень просто: следуйте простым инструкциям и у вас все получится.
Перед вами готовая галерея из 6 картинок. Такими галереями вы можете украшать свои посты, при этом можно использовать различные комбинации. Направлять картинку слева направо или справа налево, вверх или вниз и т.д. ИТАК:
Желательно подбирать одинаковые фотографии по длине и ширине, но если фотки разные оставляйте как есть.
Основной код для вставки галереи:
<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). Делается всё так же, просто вместо больших фоток вставляете маленькие. Посмотрите, что получилось.
Я выставила только 4 картинки, а в общем выставляете сколько хотите и они буду рядами всплывать вверх,вниз и т.д.
К примеру вы хотите, чтобы фотографии шли не справа налево, а наоборот. Для этого добавьте в код команду direction="right". Если вы хотите, чтобы фотографии ходили справа налево а потом обратно, вставьте в код галереи команду behavior="alternate".
Если вы хотите пустить фотографии сверху вниз или снизу вверх воспользуйтесь данными командами:
direction="down" - фотографии идут с верху вниз;
direction="up" - фотографии идут с низу вверх.
Вот код моей галереи,где картинки идут снизу вверх. Чтобы вы смогли сами выстроить свой код или кому не понятен был урок:
<marquee scrollamount="4" scrolldelay="1"direction="up"><img src="//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="//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="//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="//img-fotki.yandex.ru/get/5306/39663434.3b/0_63108_aa40ffc7_M.jpg" width="172" height="172" title="Bernd Zeisberg" alt="Bernd Zeisberg" /></marquee>
УДАЧИ ВСЕМ!
|
|