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! |
- [jQuery] Loading images into a div via scrollable plugin huminuh83
- [jQuery] Re: Loading images into a div via scrollable plugi... Charlie