-Рубрики

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

 

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

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

 -Статистика

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

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

Понедельник, 12 Апреля 2010 г. 01:04 + в цитатник
Дорогие читатели представляю вашему вниманию простенькие html коды при помощи которых можно сделать довольно интересные галереи фотографий. Следуйте простым инструкциям и вы тоже сможете вставить себе дневник такую галерею.

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

Bernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd Zeisberg


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

Код для вставки галереи:


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


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

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

Bernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd ZeisbergBernd Zeisberg

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

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

Для регулирования ширины и высоты вставляйте данные команды в код галереи:
width="500" - данная команда регулирует ширину галереи. Щяс стоит цифра 500, значит ширина галереи будет сужена до 500 пикселей;
height="500" - данная команда регулирует высоту галереи. Щяс стоит цифра 500, значит высота галереи будет сужена до 500 пикселей.

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


Записи по теме:
Как сделать бегущий текст
Флэш программа для подбора цвета он-лайн
Рубрики:  ТЮНИНГ БЛОГА


Процитировано 900 раз
Понравилось: 33 пользователям



REMEUR   обратиться по имени Понедельник, 12 Апреля 2010 г. 01:47 (ссылка)
Спасибо!Я люблю с фотографиями экспериментировать!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 12 Апреля 2010 г. 16:21ссылка
С этими галереями можно разнообразить эксперименты!
Татьяна_09   обратиться по имени Понедельник, 12 Апреля 2010 г. 02:05 (ссылка)
Благодарю, то, что надо!:give_rose
Ответить С цитатой В цитатник
алёна_сташевская   обратиться по имени Понедельник, 12 Апреля 2010 г. 03:01 (ссылка)
спасибо, буду пробовать )))
Ответить С цитатой В цитатник
Перейти к дневнику
nankagel   обратиться по имени Огромное спасибо!Теперь с Вашей помощью наконец займусь тем,что никак не получалось. Понедельник, 12 Апреля 2010 г. 08:53 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 12 Апреля 2010 г. 16:23ссылка
Это меня вчера осенило, что таким простым способом можно сделать такую прекрасную вещь, вот и с читателями решил поделится!
senbazuru   обратиться по имени Понедельник, 12 Апреля 2010 г. 11:50 (ссылка)
Спасибо! Надо попробывать...
Ответить С цитатой В цитатник
Перейти к дневнику
Lar   обратиться по имени Понедельник, 12 Апреля 2010 г. 13:09 (ссылка)
Спасибо. Попробую.
Ответить С цитатой В цитатник
Перейти к дневнику
Elen14   обратиться по имени Понедельник, 12 Апреля 2010 г. 14:26 (ссылка)
Здорово! Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Иван_Победоносов   обратиться по имени Понедельник, 12 Апреля 2010 г. 16:24 (ссылка)
Пробуйте, экспериментируйте. Галереей из фоток можно украсить любой пост!
Ответить С цитатой В цитатник
an_ushka   обратиться по имени Понедельник, 12 Апреля 2010 г. 19:13 (ссылка)
У меня не получается Хотела поставить панорамную картинку (длинную). Пользуюсь Радикалом. Он выдает несколько кодов, ни один не имеет точно такой вид, как вы написали. Перепробовала все
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 14 Апреля 2010 г. 00:03ссылка
Возьмите адрес фотографии с радикала и вставьте в код
Н_НИНА   обратиться по имени Понедельник, 12 Апреля 2010 г. 19:24 (ссылка)
красиво, спасибо, беру м буду пробовать
Ответить С цитатой В цитатник
ИНФОСФЕРА   обратиться по имени Понедельник, 12 Апреля 2010 г. 22:42 (ссылка)
наглядно
Ответить С цитатой В цитатник
Sforza McIntosh   обратиться по имени Понедельник, 12 Апреля 2010 г. 23:12 (ссылка)
Спасибо Иван,очень нужная вещь! Уже научилась и в черновике попробывала! Супер!
Ответить С цитатой В цитатник
конфеткарпр   обратиться по имени Вторник, 13 Апреля 2010 г. 04:44 (ссылка)
Очень любопытно! Спасибо вам большое!
Ответить С цитатой В цитатник
ВЕРА_МАРС_МАРС   обратиться по имени Вторник, 13 Апреля 2010 г. 04:48 (ссылка)
Ой ,, как интересно ,,, схомячу к себе в дневничок ,,,
 (500x100, 41Kb)

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 13 Апреля 2010 г. 11:06ссылка
Пишите грамотно: "потрЯсающе"!
Перейти к дневнику

Вторник, 13 Апреля 2010 г. 18:32ссылка
Аноним
ИСПРАВЛЮСЬ ТОРОПИЛАСЬ НА РАБОТУ,,,
lanalba   обратиться по имени Вторник, 13 Апреля 2010 г. 05:02 (ссылка)
Спасибо за великолепный урок. Цитирую.
Ответить С цитатой В цитатник
marina_grankova   обратиться по имени Вторник, 13 Апреля 2010 г. 05:04 (ссылка)
Ответить С цитатой В цитатник
Кладезь_знаний   обратиться по имени Вторник, 13 Апреля 2010 г. 06:24 (ссылка)
Спасибо за очень хороший урок .

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
luboznatka   обратиться по имени Вторник, 13 Апреля 2010 г. 06:49 (ссылка)
Спасибо Большое!
Ответить С цитатой В цитатник
Lutik58   обратиться по имени Вторник, 13 Апреля 2010 г. 07:53 (ссылка)
Интересно, спасибо большое!
Ответить С цитатой В цитатник
Tigrasha_dance   обратиться по имени Вторник, 13 Апреля 2010 г. 07:55 (ссылка)
попробую...
Ответить С цитатой В цитатник
Наталья_Ивановна_НИК   обратиться по имени Вторник, 13 Апреля 2010 г. 08:05 (ссылка)
Замечательный урок!!!
Спасибо буду пробовать...
Ответить С цитатой В цитатник
ida08   обратиться по имени Вторник, 13 Апреля 2010 г. 08:37 (ссылка)
Большущее спасибо! Чрезвычайно полезная вещь!
Ответить С цитатой В цитатник
Галина_ПП   обратиться по имени Вторник, 13 Апреля 2010 г. 08:40 (ссылка)
Спасибо за урок! Надо пробовать...
Ответить С цитатой В цитатник
ГАЛИНА_АЛАШНИКОВА   обратиться по имени Вторник, 13 Апреля 2010 г. 08:57 (ссылка)
спасибо за подсказку!
Ответить С цитатой В цитатник
Фея_Света_и_Цветов   обратиться по имени Вторник, 13 Апреля 2010 г. 09:14 (ссылка)
Спасибо! Надо попробовать... Интересно, получится ли на сайте?...
Ответить С цитатой В цитатник
Лиза_Ласская   обратиться по имени Вторник, 13 Апреля 2010 г. 09:20 (ссылка)
Спасибо,надо будет попробовать :)

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Люд_Мила   обратиться по имени Вторник, 13 Апреля 2010 г. 09:26 (ссылка)
Спасибо! Может быть когда нибудь сделаю
Ответить С цитатой В цитатник
Перетокина_Наталья   обратиться по имени Вторник, 13 Апреля 2010 г. 09:31 (ссылка)
Большое спасибо
Ответить С цитатой В цитатник
татьяна_татуревич   обратиться по имени Вторник, 13 Апреля 2010 г. 09:34 (ссылка)
Ответить С цитатой В цитатник
Зиновия   обратиться по имени Вторник, 13 Апреля 2010 г. 09:54 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 4 5 [Новые]
 

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

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

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

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