Results 1 to 5 of 5

Thread: view edited images

  1. #1

    Default view edited images

    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. #2
    Member
    Join Date
    Mar 2006
    Location
    0145.646'N 10637.396'E
    Posts
    547

    Default Re: view edited images

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

  3. #3

    Default Re: view edited images

    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

  4. #4

    Default Re: view edited images

    Quote Originally Posted by 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
    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.
    Furry Photos - Photography for the Modern Pet

  5. #5

    Default Re: view edited images

    Have a look here for more detailed instructions:

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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •