view edited images

[beochia]

seen on some photo tutorial site that by moving the cusor over a image, the edited image will be shown. I intent to do that to show the customer the edited and original photo, can someone help? tks

 

[ronaldjace]

<script language=JavaScript>
<!--
var original =new Image();
original.src="original.jpg";
var edited=new Image();
edited.src="retouched.jpg";
//-->
</script>

<a href="" onmouseover="document.photo.src=edited.src"
onmouseout="document.photo.src=original.src">
<img name="photo" src="original.jpg"></a>

 

[beochia]

thanks, ronald. unable to understand the reply as i do not have any computer knowledge to input your reply. anyone can make it simple for me? tks

 

[raptor84]

thanks, ronald. unable to understand the reply as i do not have any computer knowledge to input your reply. anyone can make it simple for me? tks

Its a simple java script code it jsut tells the web browser to change the images ona mouse over.

original.src="original.jpg"; <-- in this line you have to replace the origina'.jpg with the unedited file name and..
edited.src="retouched.jpg"; <-- replace retouched.jpg with the edited one.

<img name="photo" src="original.jpg"> <-- same goes for this line.

 

[Verywierd]

Have a look here for more detailed instructions:

http://www.hypergurl.com/rolloverimage.html