Создание галереи фотографий
13-04-2010 17:02
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Иван_Победоносов Оригинальное сообщение
Как создать простую галерею из фотографий
Дорогие читатели представляю вашему вниманию простенькие html коды при помощи которых можно сделать довольно интересные галереи фотографий. Следуйте простым инструкциям и вы тоже сможете вставить себе дневник такую галерею.
Перед вами готовая галерея из 10 красивых фотографий. Такими галереями вы можете украшать свои записи, при этом можно использовать различные комбинации. Направлять картинку слева на право или справа налево, вверх или вниз и т. д. А теперь я расскажу вам как в течении 10 минут сделать данную галерею.
Для начала вам надо определится, какие фотографии вы будите загружать в галерею. Помните, чтобы галерея смотрелась красиво надо подбирать одинаковые фотографии по длине и ширине, но если фотки разные, оставляйте как есть. Далее вам необходимо загрузить фотографии в интернет. Я пользуюсь сервисом Яндекс. фото, там очень удобно получать код всех фотографий сразу.
Код для вставки галереи:
Код фотографии должен выглядеть не как обычный адрес, а вот так:
Итак, вы вставили коды фотографий вместо слов "Сюда вставляем коды фотографий". Теперь приступим к регулированию скорости прокрутки. Параметр scrollamount="2" отвечает за скорость прокрутки. Если вы хотите увеличить скорость, замените 2 на другое число. Параметр scrolldelay="1" отвечает за задержку перед каждым новым движением. Если вы хотите чтобы картинка двигалась с большими задержками, тогда поставьте число 500 или 1000, если же хотите движение без тормозов то не трогайте данный параметр. Полученный код публикуем блог и радуем читателя.
Помимо большой галереи, вы можете сделать маленькую, загрузив небольшие фотографии (ширина 150). Делается всё так же, просто вместо больших фоток вставляете маленькие. Посмотрите как классно получилось.
Далее я расскажу вам как ещё можно разнообразить уже созданную галерею. К примеру вы хотите, чтобы фотографии шли не справа налево, а наоборот. Для этого добавьте в код команду direction="right". Если вы хотите, чтобы фотографии ходили справа налево а потом обратно, вставьте в код галереи команду behavior="alternate".
Если вы хотите пустить фотографии с верху вниз или снизу вверх, воспользуйтесь данными командами:
direction="down" - фотографии идут с верху вниз;
direction="up" - фотографии идут с низу вверх.
Для регулирования ширины и высоты вставляйте данные команды в код галереи:
width="500" - данная команда регулирует ширину галереи.Сейчас стоит цифра 500, значит ширина галереи будет сужена до 500 пикселей;
height="500" - данная команда регулирует высоту галереи. Сейчас стоит цифра 500, значит высота галереи будет сужена до 500 пикселей.
Если не выставлять параметры ширины и высоты, то галерея подстроится под базовые размеры фотографий. На этом я завершаю свой урок и желаю вам сделать много красивых фото галерей.
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения Иван_Победоносов Оригинальное сообщение
Как создать простую галерею из фотографий
Дорогие читатели представляю вашему вниманию простенькие html коды при помощи которых можно сделать довольно интересные галереи фотографий. Следуйте простым инструкциям и вы тоже сможете вставить себе дневник такую галерею.
Перед вами готовая галерея из 10 красивых фотографий. Такими галереями вы можете украшать свои записи, при этом можно использовать различные комбинации. Направлять картинку слева на право или справа налево, вверх или вниз и т. д. А теперь я расскажу вам как в течении 10 минут сделать данную галерею.
Для начала вам надо определится, какие фотографии вы будите загружать в галерею. Помните, чтобы галерея смотрелась красиво надо подбирать одинаковые фотографии по длине и ширине, но если фотки разные, оставляйте как есть. Далее вам необходимо загрузить фотографии в интернет. Я пользуюсь сервисом Яндекс. фото, там очень удобно получать код всех фотографий сразу.
Код для вставки галереи:
Код фотографии должен выглядеть не как обычный адрес, а вот так:
Итак, вы вставили коды фотографий вместо слов "Сюда вставляем коды фотографий". Теперь приступим к регулированию скорости прокрутки. Параметр scrollamount="2" отвечает за скорость прокрутки. Если вы хотите увеличить скорость, замените 2 на другое число. Параметр scrolldelay="1" отвечает за задержку перед каждым новым движением. Если вы хотите чтобы картинка двигалась с большими задержками, тогда поставьте число 500 или 1000, если же хотите движение без тормозов то не трогайте данный параметр. Полученный код публикуем блог и радуем читателя.
Помимо большой галереи, вы можете сделать маленькую, загрузив небольшие фотографии (ширина 150). Делается всё так же, просто вместо больших фоток вставляете маленькие. Посмотрите как классно получилось.
Далее я расскажу вам как ещё можно разнообразить уже созданную галерею. К примеру вы хотите, чтобы фотографии шли не справа налево, а наоборот. Для этого добавьте в код команду direction="right". Если вы хотите, чтобы фотографии ходили справа налево а потом обратно, вставьте в код галереи команду behavior="alternate".
Если вы хотите пустить фотографии с верху вниз или снизу вверх, воспользуйтесь данными командами:
direction="down" - фотографии идут с верху вниз;
direction="up" - фотографии идут с низу вверх.
Для регулирования ширины и высоты вставляйте данные команды в код галереи:
width="500" - данная команда регулирует ширину галереи.Сейчас стоит цифра 500, значит ширина галереи будет сужена до 500 пикселей;
height="500" - данная команда регулирует высоту галереи. Сейчас стоит цифра 500, значит высота галереи будет сужена до 500 пикселей.
Если не выставлять параметры ширины и высоты, то галерея подстроится под базовые размеры фотографий. На этом я завершаю свой урок и желаю вам сделать много красивых фото галерей.
Вы сейчас не можете прокомментировать это сообщение.
Дневник Создание галереи фотографий | nata64 - Дневник nata64 |
Лента друзей nata64
/ Полная версия
Добавить в друзья
Страницы:
раньше»