Dear all, I've worked out that the pagerAnchorBuilder option will probably get me what I'm trying for, but I'm trying to add a wrinkle.
I've got a slide show using next/prev, but I also want the user to be able to click on links in <ul><li>s to go to specific images in the slide collection. the image collection looks something like this: <div id="cycleport"> <img class="cimg" src="images/1.jpg" alt ="" /> <img class="cimg" src="images/2.jpg" alt ="" /> <img class="cimg" src="images/3.jpg" alt ="" /> <img class="cimg" src="images/4.jpg" alt ="" /> <img class="cimg" src="images/5.jpg" alt ="" /> <img class="cimg" src="images/6.jpg" alt ="" /> </div> and the links list like this: <ul> <li><a href="#">Foo text</a></li> <li><a href="#">Bar text</a></li> <li><a href="#">Baz text</a></li> </ul> I'd like the user to be able to click on "Foo text" and fade in 1.jpg, "Bar text" to fade in 3.jpg, and on "Baz text" to fade in 5.jpg. Could I add an attribute to the anchors that would feed the necessary index to the pagerAnchorBuilder? currently in the cycle options object : pagerAnchorBuilder: function(idx, slide) { return '#clientList li:eq(' + (idx) + ') a'; } this works fine and it doesn't disrupt the prev/next cycle, but it just cycles 1.jpg, 2.jpg, 3.jpg Any suggestions? Jon