Анимированная иконка сайта. Анимация Favicon

Анимированная иконка сайта. Анимация Favicon

09.10.201079187

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

Для отображения загрузки сайта или чего-либо еще лучше используйте этот плагин.

Этот скрипт работает благодаря setTimeout и запускает нужный скрипт в определенное время. Вот код нашего скрипта:

Код
<script>
var a=1;  
setIcon();  
function setIcon() {  
document.getElementById('favicon_id').href="icon"+a+".gif";  
a++;if (a>5) a=1;  
setTimeout('setIcon', 1000);  
}
</script>

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

Вы можете сделать в иконке бегущего человека, можете сделать просто мигающую иконку сайта, а можете сделать мерцание. Здесь выбор за Вами.




Сохраните в социальную сеть
Комментарии (7)
Виктория 06.11.2010 в 10:30Спам
Я долго думала об этом, но не знала, что разгадка такая простая.
2
Артур 06.11.2010 в 19:02Спам
Большое спасибо, это-то я и искал
2
А почему у меня не работает анимация? ((
2
У меня, лично, всё работает.
2
Гость 20.09.2011 в 15:56Спам
Круто, спасибо
0
Гость 27.11.2011 в 13:41Спам
А что если просто gif вставить? уже не кактит?)
0
Гость 16.06.2013 в 20:34Спам
gif не катит-надо ico
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт