Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2008
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Please help! No experience in Java, need coding help.

    Ok so like many others, I want on my website small thumbnail images which when you mouseover them, they appear larger on the right hand side of the page.

    As I am a complete noob, and have only just got the hang of dreamweaver, it would be much appreciated if someone could help me make this Java, and then explain how I implement it into my page design.

    My images will be called image1.jpg, image2.jpg etc. and I dont know how many images I will have and of course I will be adding more as I go along.

    If some nice person out there could possibly write the basic code nd highlight or underline certain areas so I know what to change myself it woudl be much appreciated!

    Cheers.

  • #2
    Supreme Master coder! Philip M's Avatar
    Join Date
    Jun 2002
    Location
    London, England
    Posts
    17,910
    Thanks
    203
    Thanked 2,531 Times in 2,509 Posts
    This is the JavaScript forum. Java and Javascript are entirely different programming languages, in spite of the confusingly similar names.

    This forum is intended to help people who have specific JavaScript problems. It is not a free coding service.

    Have you tried Google? That would have revealed:-
    http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    Here is something to move you forward:-

    Code:
    <head> 
    <script type = "text/javascript"> 
    function showlargeimage(imgshow) {
    document.getElementById('image').src = imgshow;
    } 
    </script> 
    </head> 
    <body> 
    <TABLE> 
    <TR> 
    <TD> 
    <!--thumbnails--> 
    <img src="thumbnail1.jpg" onmouseover=showlargeimage('image1.jpg')><br> 
    <img src="thumbnail2.jpg" onmouseover=showlargeimage('image2.jpg')><br> 
    <img src="thumbnail3.jpg" onmouseover=showlargeimage('image3.jpg')><br> 
    <img src="thumbnail4.jpg" onmouseover=showlargeimage('image4.jpg')><br> 
    </TD> 
    <TD> 
    <!--image screen--> 
    <img src='#' id='image'> 
    </TD> 
    </TR> 
    </TABLE> 
    </body>

    All advice is supplied packaged by intellectual weight, and not by volume. Contents may settle slightly in transit.

  • #3


  •  

    Posting Permissions

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