Change submit button image 1

[dom24]

Does anyone know if it is possible to change the normal sumbit button image to one of my own?

Thanks.

 

[FesterSXS]

try this...

<INPUT type="IMAGE" value="SUBMIT" src="myImage.gif" width="20" height="10" title="Submit Details" />

Tony
________________________________________________________________________________

http://www.SpiraxSarco.com

 

[dom24]

Yeah that works thanks, but how do I add a mouseover image to that?

 

[cLFlaVA]

Here's the function (and some additional javascript) that will do this for you:

<script language="javascript">
<!--

	if (document.images) {
		var initial = new Image();
		initial.src = 'path/to/orig_image.gif';
		
		var over = new Image();
		over.src = 'path/to/over_image.gif';
	}

	function ChangeImg(id,name){
		document.getElementById(id).src = eval(name + ".src");
	}
-->
</script>

And here's how you would call it:

<INPUT id="submitter" type="IMAGE" value="SUBMIT" src="path/to/orig_image.gif" title="Submit Details" onmouseover="ChangeImg('submitter','over');" onmouseout="ChangeImg('submitter','initial');" />

*cLFlaVA
----------------------------
Ham and Eggs walks into a bar and asks, "Can I have a beer please?"
The bartender replies, "I'm sorry, we don't serve breakfast.

 

[dom24]

Works a treat. Thanks very much!