Анимированная иконка сайта. Анимация Favicon
Вы наверняка знаете, что у сайта есть иконка, которая выводится возле адресной строки в браузерах, но эти иконки не подвижны. Поэтому представляю вам скрипт анимации при загрузке иконки сайта, в котором несколько изображений просто подменяют друг друга каждую секунду.
Для отображения загрузки сайта или чего-либо еще лучше используйте этот плагин.
Этот скрипт работает благодаря setTimeout и запускает нужный скрипт в определенное время. Вот код нашего скрипта:
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, но постарайтесь использовать как можно меньше картинок, так как в анимации каждый раз загружается новая иконка и браузер может просто не выдержать (у пользователей с маленькой скоростью интернета).
Вы можете сделать в иконке бегущего человека, можете сделать просто мигающую иконку сайта, а можете сделать мерцание. Здесь выбор за Вами.
Воспользуйтесь сервисом uKit. Никакого кода!
