brilliant! That worked. Thanks so much for your help and explaining it so
thoroughly. Who knew it was so simple...I need to learn this stuff badly.
Charlie Tomlinson wrote:
>
>
>
>
>
>
>
> if you wrap your thumbs in scrollable with an <a> tag like this
>
> <a class="thumb" href="big_image1"> <img src="small_image1"
> /></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!
>
>
>
>
>
>
>
--
View this message in context:
http://www.nabble.com/Loading-images-into-a-div-via-scrollable-plugin-tp24573945s27240p24579366.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
