Image gallery, click 'off' to close image.

Discussion in 'HTML & Website Design' started by Clockwork Joe, Jun 30, 2013.

  1. #1
    I have a simple image gallery. I have saved 2 versions of the image in Photoshop. One small and one large.

    The was I have it right now, you click the small image and the large image shows up on it's own page.

    What I'm trying to do is make it so the image enlarges, but the user can click off of the image to close, instead of being redirected to a whole new page and having to click the back button to get back to the gallery.

    Any help would be appreciated.

    This is the code I have now.

    <a href="images/image1large.png">
    <img src="images/image1.png" width="120" height="120" /></a>
    Code (markup):
     
    Solved! View solution.
    Clockwork Joe, Jun 30, 2013 IP
  2. #2
    Maybe You could use this : http://lokeshdhakar.com/projects/lightbox2/

    It's work marvelous
     
    hangbowl, Jun 30, 2013 IP
  3. Clockwork Joe

    Clockwork Joe Greenhorn

    Messages:
    57
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    18
    #3
    Thanks. Had some trouble initially, I wouldn't recommend copy/pasting the code for anyone else who sees this. I do like the result though. With some added CSS/jquery it looks fantastic. Thanks again hang.
     
    Clockwork Joe, Jul 3, 2013 IP