Смена css стилей
 

Вобщем есть определенный скрипт для смены css стилей с сохранением в куках, все работает нормально.
Но есть одна проблема, хотелось бы что бы на экран выводилась только одна плашка в зависимости от цвета. То есть если по умолчанию css с желтым фоном то выводится зеленая, если css с зеленым выводится желтая.
Заранее спасибо за вашу помощь.

<link id="dyncss" rel="stylesheet" type="text/css" href="styles1.css">  
<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>
<img style="cursor:pointer;" src="green.png" onclick="setDynCSS('styles1.css')">  
<img style="cursor:pointer;" src="yellow.png" onclick="setDynCSS('styles2.css')">

Для этой цели не нужно знать js.
Можно решить с помощью css.

Не подскажите каким образом?

Нет, если ты не знаешь даже html+css, то тебе это не нужно.

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

написать две картинки, а в стилях скрывать одну из них.

зачем тут скрипты?