if you wrap your thumbs in scrollable with an <a> tag like this

<a class="thumb" href=""> <img src="" /></a>

you can change the src of the big image you load the page with like this ( your large pictures are already in <div id="pictures">

$(".thumb").click( function () { //because using class name any link with this class will do same thing
    bigImageSrc= $(this).attr("href");      // "this" is the <a> tag  with class thumb you just clicked
    $("#pictures img).attr("src",bigImageSrc);     //change 'src' attribute to new one
        return false;           // stops the <a> link from opening the big image in separate window
});

huminuh83 wrote:
I'm new to using jquery and am trying to learn a few tricks. I am currently
using the scrollable jquery plugin to scroll some images of thumbnails in a
gallery. What I'm trying to do now, is figure out how to load the large
version of those thumbnails into a div when they are clicked.

Here is a link to the webpage where the source can be viewed.

http://www.tsutsumidaphoto.com/Mihoko/akiko2.php


Any insight or resources that could point be to the right direction would be
great.


Thanks!
  

Reply via email to