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

Reply via email to