-Метки

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

Поиск сообщений в Душица

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

 

 -Статистика

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

Делаем прокручивающиеся картинки (слайдшоу) прямо в сообщении

Среда, 23 Мая 2012 г. 13:16 + в цитатник
Слайдшоу можно сделать и прямо в сообщении, не прибегая к помощи графического редактора или специальных сайтов. Для этого нужно использовать специальный тег -


Он же используется для создания бегущей строки.
Так вот, чтобы сделать в сообщении вставку из прокручивающихся картинок, сначала нужно получить их код. Для этого нужно загрузить картинку либо на фотохостинг и взять именно код для вставки в блог, либо сделать здесь же в вашем дневнике закрытое сообщение и загрузить нужные картинки, чтобы работать с их кодами.
Код получили. Дальше обрамляем его указанным тегом, используя соответственно открывающий и закрывающий.
Далее можно добавлять свои вариации. При простом использовании тега marquee картинки будут двигаться вот так:
4608995_large (550x573, 77Kb)244 (700x560, 77Kb)
Оговорюсь, что сделать двигающейся можно как одну картинку, так и несколько, только коды картинок нужно вставить один за другим, и оформлять тегом не каждый в отдельности, а все вместе.

Чтобы получить вертикальную прокрутку, используем тег marquee с уточненем:


4608995_large (550x573, 77Kb)244 (700x560, 77Kb)
Чтобы замедлить скорость прокрутки используем тег
, где значение после = может варьироваться. 1 - максимально медленно, и по нарастающей.
4608995_large (550x573, 77Kb)244 (700x560, 77Kb)
Еще оговорюсь - в окошках указаны открывающий и закрывающий теги, между ними нужно вставлять коды картнок. Границы тегов - такие скобочки: < >
Метки:  

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

Лилёша   обратиться по имени Среда, 23 Мая 2012 г. 13:49 (ссылка)
Ответить С цитатой В цитатник
Агата_51   обратиться по имени Среда, 23 Мая 2012 г. 13:51 (ссылка)
Спасибо за пост!Буду осваивать.
Ответить С цитатой В цитатник
koreckolga   обратиться по имени Среда, 23 Мая 2012 г. 14:01 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
alisa888_verbitskaya   обратиться по имени Среда, 23 Мая 2012 г. 14:05 (ссылка)
КРУТО....БЛАГОДАРНОСТЬ ОТ МЕНЯ!
Ответить С цитатой В цитатник
Aralis   обратиться по имени Среда, 23 Мая 2012 г. 14:09 (ссылка)
Просто слов нет. Только благодарность. Беру себе.
Ответить С цитатой В цитатник
VOLKSD   обратиться по имени Среда, 23 Мая 2012 г. 14:17 (ссылка)
Просто и понятно!
Ответить С цитатой В цитатник
korenusha   обратиться по имени Среда, 23 Мая 2012 г. 14:31 (ссылка)
Спасибо! Здорово! Все оказалось гараздо проще чем я думала!!!
Ответить С цитатой В цитатник
Ромашковый_ангел   обратиться по имени Среда, 23 Мая 2012 г. 14:43 (ссылка)
Спасибо! Очень интересно! Нужно попробовать!
0_66159_8da79877_S (150x97, 19Kb)
Ответить С цитатой В цитатник
Tamreko   обратиться по имени Среда, 23 Мая 2012 г. 16:18 (ссылка)
Ответить С цитатой В цитатник
Люся_Ширева   обратиться по имени Среда, 23 Мая 2012 г. 17:10 (ссылка)
Спасибо
Ответить С цитатой В цитатник
SPACELilium   обратиться по имени Среда, 23 Мая 2012 г. 18:03 (ссылка)
Уникально!!!
Ответить С цитатой В цитатник
VALJ   обратиться по имени Среда, 23 Мая 2012 г. 18:07 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Шираз   обратиться по имени Среда, 23 Мая 2012 г. 18:07 (ссылка)
Душица, Большое спасибо. Объяснила доступно для любых мозгов. Вот такие инструкции я люблю. Конкретно, просто и лаконично. Жалко, что нужно уезжать, а то и потренировалась бы сразу.
Ответить С цитатой В цитатник
mysiets   обратиться по имени Среда, 23 Мая 2012 г. 18:37 (ссылка)
Отличный пост. Вот уж спасибо тебе, дорогая!!! Сейчас попробую)))
Ответить С цитатой В цитатник
Novichok56   обратиться по имени Среда, 23 Мая 2012 г. 18:44 (ссылка)
Отличный урок! Большое спасибо!
Ответить С цитатой В цитатник
Snejinka_377   обратиться по имени Среда, 23 Мая 2012 г. 18:55 (ссылка)
.
спасибка-07 (700x500, 91Kb)
Ответить С цитатой В цитатник
Prudent   обратиться по имени Среда, 23 Мая 2012 г. 19:02 (ссылка)
Спасибо большое!!!
Ответить С цитатой В цитатник
kavape7   обратиться по имени sposibo Среда, 23 Мая 2012 г. 19:28 (ссылка)
Ответить С цитатой В цитатник
Душица   обратиться по имени Среда, 23 Мая 2012 г. 19:56 (ссылка)
Ответить С цитатой В цитатник
Душица   обратиться по имени Среда, 23 Мая 2012 г. 19:56 (ссылка)
Ответить С цитатой В цитатник
Милка-Копилка   обратиться по имени Среда, 23 Мая 2012 г. 20:12 (ссылка)
Ответить С цитатой В цитатник
Катюша24   обратиться по имени Среда, 23 Мая 2012 г. 21:41 (ссылка)
спасибо.3gif (350x316, 129Kb)
Ответить С цитатой В цитатник
Красота_женщины   обратиться по имени Среда, 23 Мая 2012 г. 22:44 (ссылка)
Спасибо,очень интересно!
Ответить С цитатой В цитатник
Melanie_Dubinski   обратиться по имени Среда, 23 Мая 2012 г. 23:00 (ссылка)
спасибо, Вы замечательно мне помогли! а как сделать, чтобы 2 картинки шли не столбиком, а ленточкой - одна за другой? http://www.liveinternet.ru/users/liudmila_dubinskaya/post220395169/
Ответить С цитатой В цитатник
Franzuzhenka   обратиться по имени Четверг, 24 Мая 2012 г. 00:12 (ссылка)
Spasibo sa urok!
Ответить С цитатой В цитатник
valentuka   обратиться по имени Четверг, 24 Мая 2012 г. 00:31 (ссылка)
Спасибо
Ответить С цитатой В цитатник
Душица   обратиться по имени Четверг, 24 Мая 2012 г. 10:50 (ссылка)
Mila_Donna, эээ... Так у меня же в посте именно про это и рассказывается.
Ответить С цитатой В цитатник
ЕЛЕНА_ВЕКОВЦОВА   обратиться по имени Четверг, 24 Мая 2012 г. 11:54 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Melanie_Dubinski   обратиться по имени Пятница, 25 Мая 2012 г. 01:26 (ссылка)

Ответ на комментарий Душица

Спасибо, я разобралась. в начале 2 картинки были столбиком , когда вставила ваш урок. то и двигаться вдоль горизонта они продолжили столбиком /одна на плечах у второй/. оказывается нужно было убрать только один пробел между картинками.
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 3 4 [Новые]
 

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

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

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

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