Многие желают подключить на сайт несколько различных дизайнерских решений, между которыми можно будет переключаться, причём, выбор должен будет запоминаться, дабы манипуляции были проделаны не зря. Данное решение поможет вам реализовать ваши идеи.
Установка:
1. На страницах, где будет использован данный скрипт, вставляйте
<link id="dyncss" rel="stylesheet" type="text/css" href="">
<script type="text/jаvascript">
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>
2. Следующий код в то место, где будут выводиться картинки для переключения между стилями:
<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 1.css')">
<img style="cursor:pointer;" src="Ссылка на картинку 1" onclick="setDynCSS('Ссылка на стиль 2.css')">
Вот и всё.