Кнопка для смены фона сайта.

[tru-hustler]

Привет всем !

Решил сделать на своем сайте кнопку для смены фона на сайте что бы страница не обновлялась, а менялся только её фон.

Возможно ли реализовать это в CSS или без javascipt не обойтись ?

Для примера, есть 4 фоновых изображения :

1, 2, 3, 4

И две кнопки, вперед и назад :

NEXT, PREVIOUS

Идея :

Заходя на сайт стоит фон 1 :

<style type="text/css">
body {
       background-attachment: fixed;
       background-image: url(1.png);
       background-repeat: repeat;
}
<style>

Варианты реализации :

1 Есть 2 кнопки - NEXT и PREVIOUS, при нажатии на NEXT фон меняется на 2.png, при повторном нажатии на 3.png и так далее, при нажатии PREVIOUS возвращается к предыдущему фону, при этом при нажатии с главной страницы с фоном 1.png меняется на 4.png, то есть на последний в "списке".

2 С одной кнопкой NEXT, каждый клик - новый фон.

3 Мини картинки-превью при нажатии или наведении меняется фон.

Как сделать этот список или папку с фонами, с которой будет отображаться следующий или предыдущий фон, может даже рандомный ?

Возможно ли это сделать с помощью CSS ?

Если есть уже готовые скрипты java для этой задачи был бы очень признателен если поделитесь ссылкой.

Спасибо.

[Vzor]

Вот несколько ссылок на тему:

На английском от (W3) - описание - демо

На английском (JavaScript) от DinamicDrive

На английском (Mootools) вдруг пригодится -Mootools Styleswitcher - демо

Вписал что было, но это не самые новые ссылки попробуйте поисковик.

Edited April 20, 2012 by Vzor

[tru-hustler]

Спасибо за линки.

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

Да и мое знание английского как раз пригодиться

Толстый плюс за грамотный пост.