good rollover button tutorial

[Chris Z]

could anyone direct me to a good rollover button tutorial for Photoshop or if i could just have the code for it,
basically what i want to do is have a image that is "uploads/click%20here.png" rollover to "uploads/nbrt.png" and have it link to http://mail.google.com/hosted/cgz09.com/

does anyone know how to do this?

Thanks!

[careerbridge]

if u r ready to use js.... here is the method !!

insert this code to ur page header

<script type="text/javascript">

// CHANGE SOURCE
function Change(mID,cID){
	mItem=document.getElementById(mID);
	mItem.src="over.jpg";
}

// RESTORE SOURCE
function Restore(mID,cID){
	mItem=document.getElementById(mID);
	mItem.src="normal.jpg";
}
</script>

code for the image....

<a href="http://mail.google.com/hosted/cgz09.com/">
<img src="normal.jpg" name="img_1" id="img_1" onMouseOver="Change('img_1')" onMouseOut="Restore('img_1')"></a>

Note :: normal.jpg is the normal state image and over.jpg is the roll over image !!!

[Chris Z]

SWEET! thank you careerbridge! you're a good help ;)