Cycle2 - How to nest groups of pager elements within a container

Vote count:

0

I've got the following pager code:

<div class="app.js.slideshow" id="gallery_pager">
        <div class="app.js.slide app.js.default">
            <a href="#"><img width="75" alt="Dragonfly #01" src="index.thumb/Dragonfly%20%2301.jpg" name="img" title="Dragonfly #01" height="50" /></a>
            <a href="#"><img width="75" alt="Dragonfly #02" src="index.thumb/Dragonfly%20%2302.jpg" name="img" title="Dragonfly #02" height="50" /></a>
            <a href="#"><img width="75" alt="Dragonfly #03" src="index.thumb/Dragonfly%20%2303.jpg" name="img" title="Dragonfly #03" height="50" /></a>
            <a href="#"><img width="75" alt="Dragonfly #04" src="index.thumb/Dragonfly%20%2304.jpg" name="img" title="Dragonfly #04" height="50" /></a>
        </div>
        <div class="app.js.slide">
            <a href="#"><img width="75" alt="Dragonfly #05" src="index.thumb/Dragonfly%20%2305.jpg" name="img" title="Dragonfly #05" height="50" /></a>
            <a href="#"><img width="75" alt="Dragonfly #06" src="index.thumb/Dragonfly%20%2306.jpg" name="img" title="Dragonfly #06" height="50" /></a>
            <a href="#"><img width="75" alt="Dragonfly #07" src="index.thumb/Dragonfly%20%2307.jpg" name="img" title="Dragonfly #07" height="50" /></a>
            <a href="#"><img width="75" alt="Dragonfly #08" src="index.thumb/Dragonfly%20%2308.jpg" name="img" title="Dragonfly #08" height="50" /></a>
        </div>
        ...
</div>

By specifying the pager with: "pager":"#gallery_pager > .app\.js\.slide" the individual

Worst case I figure I can 'overwrite' the pager function by specifying a goto command for each of the

Thanks!

asked 35 secs ago

user3806713

1