1. Several rows of thumbnails, Each row is a group. 2. Click on a thumbnail and it shows that large image underneath, and hides any other image that was open. 3. Two images can be open, but only in different rows (groups).
that is exactly right and exactly what i'm trying to do. but as well i want to keep track of the last image viewed in each row to apply to it a selected style. If i select the same picture again, it closes the row, if i click a different one, it deselect the previous "selected style" and apply it on the new image viewed. As well, i want to animate the "opening" of the picture only when the row is expanded for the first time and closed, not when the other pictures are viewed. the thing i've been trying lastly was to create this history stack to remember what were the last two images viewed. i handled it on all the thumbnails in the page but i can't manage to do it on every group of images. cheers Glen On Aug 27, 4:59 pm, "Glen Lipka" <[EMAIL PROTECTED]> wrote: > Something like this?http://www.commadot.com/jquery/easebox/imageRows.php > > You can add in the easing plugin to get fancier effects. > Maybe even the pause plugin to control the timing super specifically. > > Glen > > On 8/27/07, Glen Lipka <[EMAIL PROTECTED]> wrote: > > > > > Its a little hard to follow exactly what you want, but nothing in it > > sounds problematic. > > > Ok, so to mirror back to you the requirements. > > > 1. Several rows of thumbnails, Each row is a group. > > 2. Click on a thumbnail and it shows that large image underneath, > > and hides any other image that was open. > > 3. Two images can be open, but only in different rows (groups). > > > Is this right? > > > Glen > > > On 8/27/07, zapatino <[EMAIL PROTECTED]> wrote: > > > > Hi everybody... > > > > Let me introduce myself, i'm a web designer and i'm learning > > > javascript to extend my set of skills. > > > i developed the javascript image gallery on my web site: > > > >http://kosmonot.bl1nd.com > > > > i work on a mac and on mac browser it work almost all right. I do have > > > an issue when you click to fast on the same button, then everything > > > goes wild. > > > > On pc, well I'm afraid it does not work. > > > > I did all this gallery in plain old javascript, learning fron > > > different sources, but let me tell you it's hard work. > > > > I then read about jquery and decided to redo everything with it, even > > > if i prefer to do it in plain old javascript to learn javascript > > > first. But i need this thing working and i've been seduced by jQuery > > > and its selector access. > > > > Now it's a different approach and it's a bit confusing for me. > > > > but anyway here comes the point. > > > > I have different series of thumbnails and i want to load and expand > > > the full images, one by one like on my current page. > > > As well i want to manage the which image is selected, apply a class to > > > the thumbnail and remove it when deselected. > > > > my first try was fun with the toggleClass() function. but when i click > > > on a different image i need to deselect the previous one. I tried to > > > keep the toggleClass() as a base and check if the image selected is > > > different, then toggle the class on the new one and remove it on the > > > previous one. > > > > But i couldn't manage it. > > > > So i decided to use an array to store the value like in this: > > > >http://kosmonot.bl1nd.com/gal_5.html > > > >http://kosmonot.bl1nd.com/j/jq001.js > > > > so far it works but i'm not sure there is not a more jQuery way to do > > > it. > > > > anyway with the script remember which is the current picture and which > > > is the previous one for every thumbnails in the page. However what i > > > want to do is to di the same for each sections and have a local > > > history for each one of those. > > > > that's where i start to have brain problem. > > > > in my plain old javascript thinking i woudl probably do a > > > multidimentional array to stock each gallery and the history within > > > each gallery. but when i think about it , create an object and let > > > javascript do the work seems like a better idea, if ever it's > > > possible. > > > > But Object Oriented javascript is not yet my cup of tea and the logic > > > behind jQuery for this kind of work is a bit out of my grasp for now. > > > > i spent a couple of sleepless nights trying to find out how to do > > > that, but i'm stuck. > > > and now my javascript look like an empty page as i got mental with it. > > > >http://kosmonot.bl1nd.com/gal_6.html > > >http://kosmonot.bl1nd.com/j/jq002.js > > > > i would be happy to spend a few more sleepless nights on this but at > > > this moment i don't have a clue. > > > could somebody enlighten me a bit on what to do, just point me in the > > > right direction. > > > > like how do you create in the initialisation script something to > > > remember each galleries and their stack history array or whatsoever. > > > > thank you very much People from the world for reading.
