DIV e Imagem

[..::Guto::.. 0]

Estou com a seguinte dificuldade.

 

tenho um DIV com um fundo com uma imagem. Funciona normalmente, mas gostaria de criar um link para que mude a imagem de fundo.

Por exemplo, tenho foto.jpg de fundo cfg no CSS, mas agora clicando no link carro, altere o fundo para carro.jpg

 

Segue o trecho do codigo:

 

<div id="containerleft">		<h2>TEXTO</h2>		<h2> </h2>		<h2>TEXTO</h2>	</div>				<div id="containerright">			<h2>Fotos</h2>					<p><a ??? class="link">Foto</a>

-------------CSS---------------------

 

#containerleft{		float: left;		width: 350px;	height: 350px;	background-image:url('foto.jpg');	border-right: 20px solid #FFF;	padding: 10px;}

[oitavo_anjo 0]

jeito q conheço vai precisar d javascript.. no caso essa funçao deve funcionar.. function changeBackground() { document.getElementById('containerleft').style.background = url('imagem');}e no link vai ficar<a href=?? onclick='changeBackground()'>CLICK AKI</a>obs:. fiz no braço, n testei.. caso n funcione, posta ai q corrijo