[jQuery] cycle plugin pagerAnchorBuilder
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