Смена фонового изображения и цвета на javascript с помощью cookie по клику
Написал небольшой код, думаю должен кому то пригодиться
Скрипт меняет фон сайта
Например можно сделать при нажатии на кнопки смену фона
Либо можно вызывать напрямую
______________________________________________________________
После перезагрузки страницы сайта, выбранный фон останется
______________________________________________________________
<!DOCTYPE HTML>
<html>
<head> </head>
<body>
<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>
<div style="cursor:pointer;" onclick="bg_set('#ffffff');">белый фон</div>
<div style="cursor:pointer;" onclick="bg_set('#ff0000');">красный фон</div>
<div style="cursor:pointer;" onclick="bg_set('http://bablogon.net/img/0081z.png');">картинка на фоне</div>
<div style="cursor:pointer;" onclick="bg_rem();">Вернуть по умолчанию</div>
<script type="text/javascript">
var bg_ini = function () {
if($$c.get('bg_style')!=undefined) {
if($$c.get('bg_style').indexOf('#')===0) {
$$($$().body,'background',$$c.get('bg_style'));
}
else {
$$($$().body,'backgroundImage','url('+$$c.get('bg_style')+')');
}
}
else {
//фон по умолчанию
$$($$().body,'background','#555555');
}
}
var bg_set = function (value) {
$$c.set('bg_style', value, 60*60*24*30);
bg_ini();
}
var bg_rem = function () {
$$c.erase('bg_style');
bg_ini();
}
$$r(function () {
bg_ini();
});
</script>
</body>
</html>
Рабочий пример в песочнице
|
Добрый вечер, ночь, или.. ну не важно. Всё классно. Всё работает . Один косяк - в хроме загрузка нового фона происходит с задержкой. Сначала мигает старый background, а потом появляется новый. В мазиле всё ОК. Как избавиться от этой задержки?