Rimon Lusi (fotovivo) wrote,
Rimon Lusi
fotovivo

Category:

Как объединить две анимированных картинки



Cамый простой способ:

меньший гиф запостить как обычно, а больший - сделать его фоном,
приписав изображению стили

<img src="http://АДРЕС_1.gif" style="background:url(http://АДРЕС_2.gif)">

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

Пример с котиком:
<img src="http://ic.pics.livejournal.com/fotovivo/19078119/348466/348466_original.gif" style="background:url(http://ic.pics.livejournal.com/fotovivo/19078119/348684/348684_original.gif); padding-left:370px; padding-right:30px; padding-top:229px; padding-bottom:50px;">

На глазок можно прикинуть, исходя из размеров фоновой картинки.
50px - это половина стандартной жж-аватарки





Tags: #опятничное, веб-штучки, игры_и_игрушки
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 59 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →