Красивое разворачивание картинки в постах и рамках.Шадрина_Галина

Картинка, как и текст, может тоже появляться в движении, это выглядит красиво и оригинально, особенно при оформлении рамок и постов. Например вот так. > [more=] Вот код такого появления картинки. Потяните окошко кода за правый нижний уголок, и оно вам откроется полностью. <div align="center"> <marquee scrollamount="3" width="ШИРИНА РАЗВОРОТА" height="ВЫСОТА РАЗВОРОТА"><marquee scrollamount="3" direction="right" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"> <div align="center"> <img src="АДРЕС КАРТИНКИ" /></div> </marquee></marquee></div> Рассмотрим этот эффект сворачивания и разворачивания картинки, СЛЕВА- НАПРАВО, более подробно.  Где ЗЕЛЕНЫМ выделена цифра 3, это поставлена СКОРОСТЬ СВОРАЧИВАНИЯ И РАЗВОРАЧИВАНИЯ КАРТИНКИ. Ее вы можете менять на свою, чем больше будет эта цифра, тем с большей скоростью развернется и свернется картинка,. Но ОНА ДОЛЖНА БЫТЬ ОДИНАКОВАЯ. Если вы поставите разную, то картинка не успев развернуться, начнет снова сворачиваться. ГОЛУБЫМ выделена ШИРИНА И ВЫСОТА НАПРАВЛЕНИЯ, и ШИРИНА И ВЫСОТА РАЗВОРОТА. Они тоже должны быть ОДИНАКОВЫМИ, иначе картинки развернется не полностью. КРАСНЫМ выделен АДРЕС КАРТИНКИ. КАК ВЗЯТЬ АДРЕС КАРТИНКИ, в разных браузерах ПОДРОБНО НАПИСАНО ЗДЕСЬ Теперь подставляем свои значения в этот код. То есть ставим скорость разворота картинки, скорость сворачивания (одинаковые), затем ширину и высоту картинки, ширину и высоту разворачивания (одинаковые), и адрес картинки. И получаем оригинальное появление картинки. Можно сделать чтоб картика просто появилась слева, при открытии поста, и просто осталась на месте. Но этот эффект будет виден только ПРИ ОТКРЫВАНИИ ПОСТА. Появление картинки слева. Код такого эффекта. <div align="center"> <marquee scrollamount="3" behavior="slide" width="ШИРИНА КАРТИНКИ" height="ШИРИНА КАРТИНКИ"><div align="center"> <img src="АДРЕС КАРТИНКИ" /></div> </marquee></div> Разворачивать можно картинки любого формата, то есть и клипарт, и анимированный, простые, а так же ФОТОГРАФИИ, которые при таком эффекте смотрятся очень красиво. Что б пост не получился слишком громоздким и непонятным, другие эффекты движения картинки объясню в следующих уроках. Успехов в вашем творчестве.[/more]

Серия сообщений "Уроки для блогов":
Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 22 - Рамка для блога, имитирующая картину.
Часть 23 - Как сделать бегущий текст на картинке, без всякого редактора
Часть 24 - Красивое разворачивание картинки в постах и рамках
Часть 25 - Как к каждой записи сделать свой фон.
Часть 26 - Как получать извещения о новых постах, и где это сделать в настройках дневника.
...
Часть 49 - Оригинальное и красивое появление картинки в движении.
Часть 50 - Программа «Ножницы» в Windows 7 как самый простой способ сделать скриншот
Часть 51 - Не устаем подтверждать почтовый адрес!