Инструкция
1
Выбор формата для анимированного изображения осуществляйте исходя из собственных возможностей. Анимации форматов GIF и SVG можно создавать при помощи бесплатных программ (соответственно, GIMP и Inkscape), в то время, как для получения анимированного апплета формата SWF придется использовать платный программный пакет Adobe Flash (не путать с бесплатным проигрывателем Adobe Flash Player). Также учтите, что просмотр анимаций формата GIF возможен практически во всех браузеров, кроме некоторых мобильных, формата SWF - только при установленном Flash Player, а формата SVG - только в современных браузерах, в основном, для настольных компьютеров.
2
Если вы не желаете создавать анимированную картинку самостоятельно, воспользуйтесь услугами одного из бесплатных банков таких изображений. Анимации формата GIF можно взять, например, на сайте AnimatedGifs, формата SWF - на сайте Free Flash Animations, а формата SVG - на сайте Wikimedia Commons в категории Animated SVG. При доведении изображений до всеобщего сведения соблюдайте условия лицензий.
3
Для помещения в веб-страницу анимированного изображения формата GIF используйте HTML-код, аналогичный тому, который используется для вставки статических изображений. Если картинка находится в той же папке сервера, что и HTML-файл, используйте такой код: <img src=animatedimage.gif>. Если ;t она расположена в другой папке того же сервера, или на другом сервере, видоизмените код следующим обрезом: <img src=http://site.domain/folder/otherfolder/animatedimage.gif>. Файлы формата SVG вставляйте аналогичным образом, с той лишь разницей, что у них другое расширение: не gif, а svg.
4
Не пытайтесь осуществить вставку файла формата SWF при помощи тега img src. Для этого применяется тег embed, а код становится заметно более громоздким: <embed src="animatedimage.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="320" height="270" allowScriptAccess="sameDomain" allowFullScreen="True"></embed>, где animatedimage.swf - имя SWF-файла (или полный путь к нему), 320 - ширина, 240 - высота (эти числа можно менять по своему усмотрению).
Источники:
- Как поставить анимацию на аватарку вконтакте