-Рубрики

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Иван_Победоносов

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.01.2008
Записей: 4834
Комментариев: 68894
Написано: 124410

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

+ в цитатник

Cообщение скрыто для удобства комментирования.
Прочитать сообщение




Аноним   обратиться по имени Вторник, 05 Июля 2011 г. 00:44 (ссылка)
Исходное сообщение Иван_Победоносов
Дорогие читатели представляю вашему вниманию простенькие 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 пикселей.

Если не выставлять параметры ширины и высоты, то галерея подстроится под базовые размеры фотографий. На этом я завершаю свой урок и желаю вам сделать много красивых фото галерей.


Записи по теме:
Как сделать бегущий текст
Флэш программа для подбора цвета он-лайн
IMG_5195.jpg
06 (240x320, 118Kb)
Ответить С цитатой В цитатник
северянка2010   обратиться по имени Пятница, 05 Августа 2011 г. 18:33 (ссылка)
Спасибо, надо попробовать.
Ответить С цитатой В цитатник
Иван_Победоносов   обратиться по имени Воскресенье, 28 Августа 2011 г. 15:33 (ссылка)
:-)
Ответить С цитатой В цитатник
Василиса_Немудрая   обратиться по имени Пятница, 09 Сентября 2011 г. 20:20 (ссылка)
Два дня рылась в инете, искала что-то подобное и чувствовала что найду на Лиру. Очень довольна! И так лаконично, всего 2 строчки...Спасибо за подсказку!
Ответить С цитатой В цитатник
Василиса_Немудрая   обратиться по имени Пятница, 09 Сентября 2011 г. 20:34 (ссылка)
Спасибо за находку!::give_rose
Ответить С цитатой В цитатник
Windis_Blog   обратиться по имени Суббота, 24 Сентября 2011 г. 00:07 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Галина_Горячая   обратиться по имени Воскресенье, 02 Октября 2011 г. 23:54 (ссылка)
ОГРОМНОЕ СПАСИБО!!!
Ответить С цитатой В цитатник
YESTA   обратиться по имени Четверг, 09 Февраля 2012 г. 08:45 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Юфан   обратиться по имени Воскресенье, 24 Февраля 2013 г. 22:45 (ссылка)
может и не пригодится...спасибо
Ответить С цитатой В цитатник
мартовский_ленок   обратиться по имени Воскресенье, 24 Февраля 2013 г. 23:10 (ссылка)
Сразу получилось.Спасибо за урок!Буду теперь фотки туда-сюда гонять
Ответить С цитатой В цитатник
ludasestra   обратиться по имени Воскресенье, 24 Февраля 2013 г. 23:30 (ссылка)
Наберусь храбрости и попробую
Ответить С цитатой В цитатник
ludasestra   обратиться по имени Воскресенье, 24 Февраля 2013 г. 23:40 (ссылка)
Иван_Победоносов, Только,ято написала вам в личку,что не могла зайти в рубрику сообщений "аватары"
Ответить С цитатой В цитатник
egmara   обратиться по имени Вторник, 11 Июня 2013 г. 01:37 (ссылка)
Иван_Победоносов, Отличная информация.Спасибо!
Ответить С цитатой В цитатник
евгения_фещенко   обратиться по имени Воскресенье, 22 Декабря 2013 г. 23:37 (ссылка)
Спасибо, от всей души!
Ответить С цитатой В цитатник
Grigorenko_Natalia   обратиться по имени Понедельник, 05 Мая 2014 г. 20:14 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Юляшка_гречанка   обратиться по имени Пятница, 16 Мая 2014 г. 01:15 (ссылка)
Доброй ночи!
Зашла в гости.
Спасибо за полезный пост. Утащу, поучусь.
Хорошего Вам, настроения.
Ответить С цитатой В цитатник
vdomarvik   обратиться по имени Пятница, 16 Мая 2014 г. 01:25 (ссылка)
Супер!!!Спасибо большое!!!
Ответить С цитатой В цитатник
Милаграс   обратиться по имени Среда, 28 Мая 2014 г. 10:37 (ссылка)
СПАСИБО ОГРОМНОЕ! ВОСПОЛЬЗУЮСЬ.
Ответить С цитатой В цитатник
Астраханочка_51   обратиться по имени Понедельник, 06 Октября 2014 г. 16:15 (ссылка)
Спасибо большое!
Ответить С цитатой В цитатник
vernisazh   обратиться по имени Суббота, 03 Декабря 2016 г. 00:56 (ссылка)
Иван_Победоносов,
Огромное спасибо!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: 1 2 3 4 [5] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку