Immagini multiple come sfondo

[spruzzolo]

Buona sera, oggi mi stavo vedendo un articolo trovato in rete sui css3 e la possibilità che danno per poter usare immagini multiple come sfondo. Una funzionalità questa che mi tornerebbe utile. Ho difficoltà però a capire come fare per rendere cliccabili queste immagini, e come cambiarle, ad esempio, al click su un pulsante....
Spero di essere stato chiaro.....
Grazie

 

[Max 1]

Le immagini di sfondo non possono essere cliccabili.
Puoi fare un piccolo menu per poterle cambaire

 

[spruzzolo]

ciao max, innanzi tutto grazie per l'interessamento, mi andrebbe anche bene poterle cambiare tramite dei pulsanti, ma ho difficoltà a capire come fare, mi spiego con un esempio:
ho questa situazione,

#container {
	width: 960px;
	margin: auto;
	box-shadow: 3px 3px 10px #888;
	background: url(img/blackboard-deco.png) center 20px no-repeat, url(img/blackboard-deco.png) center bottom 20px no-repeat, url(img/blackboard-bg.png) top left repeat;
	padding: 140px 50px;
}
#container p {
	font-family: 'Homemade Apple', cursive;
	font-size: 26px;
	color: #FFF;
	line-height: 2.5em;
}

se avessi avuto una sola immagine come background, avrei potuto usare il metodo css di jquery per cambiare dinamicamente lo sfondo. ma io vorrei cambiare ogni singola immagine e non so come riferirmi ad essa. se volessi cambiare solo
url(img/blackboard-deco.png) center 20px no-repeat (la prima immagine del css) come avrei potuto fare?
grazie!!!

 

[Max 1]

Allora! Io ho sempre usato questo

<a href="#" onclick="document.getElementById('container').style.backgroundImage='url('immagine.png')'; return false;">Cabia immagine</a>

e ha sempre funzionato, ma ho fatto una prova con il tuo codice e sembra che abbia un problema! Ora non ho tempo di indagare, provalo tu e sappimi dire