How to show full size image when clicking on a thumb?

Discussion in 'JavaScript' started by adsense4money, May 16, 2009.

  1. #1
    I would like to put some pictures on a page but rather than putting one on top of the other, I would like them to apear in thumbnails (to the right, left or at the bottom) and then, when the user clicks on a picture's thumb, it shows in its original size in a specific DIV.
    Here is a screenshot of what I am trying to achieve:
    [​IMG]
    The grey boxes are the thumbs and the big box is where the image should apear.
    I can do all the XHTML/CSS stuff, I can have full size and small size images made but I really don't know how to do the JS?/JQUERY?/AJAX?... stuff
    I don't want the page to reload on every click or use frames, so my understanding is that I have to go through AJAX or something like that.
    Can anyone help?
     
    adsense4money, May 16, 2009 IP
  2. JDevereux

    JDevereux Peon

    Messages:
    50
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Why not just use lightbox or some other ready-made image gallery script?
     
    JDevereux, May 16, 2009 IP
  3. adsense4money

    adsense4money Active Member

    Messages:
    635
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    60
    #3
    Don't know of that, plus I need to integrate that in a custom way in a template I have made for I site so I am afraid it can't fit in the lightbox, would it?

    Edit: Have take a look at lightbox and it seems to be able to do the job, not exactly as I wanted it, but this can be a temporary solution. Thanks. Still looking for an exact solution to my problem
     
    adsense4money, May 16, 2009 IP
  4. dimitar christoff

    dimitar christoff Active Member

    Messages:
    882
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    90
    #4
    dimitar christoff, May 17, 2009 IP
  5. adsense4money

    adsense4money Active Member

    Messages:
    635
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    60
    #5
    yep, that's exactly what I was looking for
    thanks, I will just use your code if you don't mind
     
    adsense4money, May 17, 2009 IP
  6. kooner001

    kooner001 Peon

    Messages:
    265
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    there are lots of wp plugins use wpzoom in search for it its good one and one more is wp fancy zoom you can also try them out its working are very great make site looking great with them c heck them out examples at fantasticwonders.com but these works on gallery when using on the wordpress u have to use a expando script from the dynamicdrive.com if you like that it will work awesomely...
     
    kooner001, Mar 8, 2010 IP
  7. js09

    js09 Peon

    Messages:
    232
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I'm looking for exact same thing - do you think you can provide the code here? I dont know how to 'take' it from the site..
     
    js09, Mar 9, 2010 IP