view edited images


Status
Not open for further replies.

beochia

New Member
Jul 27, 2004
13
0
0
#1
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
 

#2
<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

New Member
Jul 27, 2004
13
0
0
#3
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

Senior Member
Dec 6, 2005
4,726
1
38
Singapore
www.furry-photos.com
#4
beochia said:
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.
 

Status
Not open for further replies.
Top Bottom