jquery var hilfe

[Red Hair]

Hallo Leute,

ich brauche mal Eure Hilfe als Anfänger.
Versuche schon seit Stunden da hinter zu kommen wie man das macht.

HTML

  
<div id="bild" >  
  <img id="src" src="./img/home.JPG" width="500" height="250" border="0"  alt="img">  
</div>

Also es gibt auf jeder Seite ein anderes Bild.
Wenn ich über das Menue gehe soll das SRC sich ändern und wenn ich aus dem Menue gehe soll das eigentliche wieder erscheinen.

Ich wollte jetzt erstmal src="./img/home.JPG" in eine var ablegen.

var $test = $('#src').attr('src');

aber ohne Erfolg

Mit Mouseover/out dann den wechsel machen.

$('.lireise').mouseover(function(){  
	$('#src').attr('src', './img/DSC_0012.JPG')  
	});  
$('.lireise').mouseout(function(){  
	$('#src').attr('src', 'test')  
	});  

abgesehen davon, dass $('#src').attr('src', 'test') wohl nicht stimmt, klappt es nicht mit der var.

Wäre super nett wenn Ihr einem Anfänger da helfen könntet.

Gruß und Danke
Red