Друзья, всем привет, требуются небольшая помощь!
Имеется замечательный скрипт смены стилей на сайте, он записывает стиль в кукии при перезагрузки отображает последний выбранный
<script type="text/javascript">
function setDynCSS(url) {
if (!arguments.length) {
url = (url = document.cookie.match(/\bdyncss=([^;]*)/)) && url[1];
if (!url) return '';
}
document.getElementById('dyncss').href = url;
var d = new Date();
d.setFullYear(d.getFullYear() + 1);
document.cookie = ['dyncss=', url, ';expires=', d.toGMTString(), ';path=/;'].join('');
return url;
}
setDynCSS();
</script>
в head
<link id="dyncss" rel="stylesheet" type="text/css" href="">
и сами кнопки для смены стилей (картинки)
<img style="cursor:pointer;" id="day_bottom" src="../images/day_green.jpg" onclick="setDynCSS('../styles/mob_tennis.css'); day_bottom();" title="Светлый стиль оформления"
<img style="cursor:pointer;" id="night_bottom" src="../images/night_green.jpg" onclick="setDynCSS('../styles/mob_blue.css'); night_bottom();" title="Темный стиль оформления">
смену картинки реализовал так
<script type="text/javascript">
function day_bottom() {$("#day_bottom").fadeOut();$("#night_bottom").fadeIn()}
function night_bottom() {$("#night_bottom").fadeOut();$("#day_bottom").fadeIn()}
</script>
Но беда в том, что при перезагрузке страницы возвращается первоначальная картинка! Выбранный стиль сохраняется, а вот картинка нет!
Как в скрипт прописать условия добавление стиля для картинок, что бы это запомнилось в cookie или же просто display:none ?
В общем надо что бы смена и стилей и кнопок (картинок) записывалось в coockie.
Помогите пожалуйста!!!