JQuery Cycle pager function using existing thumbnails for navigation?

Remove all divs you have wrapped around your content to cycle (the child elements of div#slideshow. They prevent cycle from working as the script cycles everything within ONE div) remove p. Credit for the same reason.

Otherwise the script cycles it and you run into trouble if you have no matching thumbnail (see 3. ) make sure, the number of thumbnails {*t. Jpg} matches precisely the number of img in {div#slideshow}.

Thats the point that makes it work. Mismatch leads to a non working script use exactly the jquery markup from the demo and replace {pager: '#nav',} with {pager: '#slidenav',} if still not working check with firebug if the script loads. If yes, try first to make the cycle {div#slideshow} running before you move forward to the linked thumbnails.

Remove all divs you have wrapped around your content to cycle (the child elements of div#slideshow. They prevent cycle from working as the script cycles everything within ONE div). Remove p.

Credit for the same reason. Otherwise the script cycles it and you run into trouble if you have no matching thumbnail (see 3. ) make sure, the number of thumbnails {*t.

Jpg} matches precisely the number of img in {div#slideshow}. Thats the point that makes it work. Mismatch leads to a non working script.

Use exactly the jquery markup from the demo and replace {pager: '#nav',} with {pager: '#slidenav',} if still not working check with firebug if the script loads. If yes, try first to make the cycle {div#slideshow} running before you move forward to the linked thumbnails.

Totff: Dude, I can't thank you enough. It works like a champ. I still need to do some IE testing, and I'll figure out what to do with the caption content later.

Should be a simple fix. The working page is posted to the URL above. Seriously...thank you.

This is huge. – LandsEnd May 3 at 2:42.

Please refer to this demo to have your question answered.

Thanks, totoff. I've actually reviewed all the pager demos on malsup's site. I honestly can make heads or tails of them.

I'm a total jQuery newb. I'd love to get this working, but I'm feeling like it's over my head. – LandsEnd May 2 at 5:14.

The jQuery cycle plugin seems to provide the functionality I want, but even after reviewing the examples on Mike Alsup's site, I'm stumped. Really, I just don't have the background with JavaScript to pull this off myself. I want to build a slideshow, controlled with a pager function, using thumbnails for navigation.

The main slides and the thumbnails are totally different aspect ratios (to maintain the layout), so I can't use cycle to generate the thumbnails for me. The slides include an image and a caption. I'd like to preserve as much of the existing markup as possible.

Here is the thumbnail/navigation content. You can see that I currently just have a simple cycle set up on the slides. Please ignore the mess.

Obviously, this is still in dev.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions