Hello all I am trying to work with the cycle plugin and I'm having a bit of a problem (what's new?) here is the scenario . I have multiple groups of images that I want to cycle but I don't want to target them by id I would rather target them by class however I also would like to use paging. so I tried this
[code] $(document).ready(function(){ $('.pics') .after('<div id="nav>') .cycle({ fx: 'turnDown', speed: 'fast', timeout: 0, pager: ".next()" //this does not work //pager: '#nav' }); }); [/code] [html] <div class="pics"> <img src="images/penguin.jpg" width="200" height="200" /> <img src="images/lock.gif" width="200" height="200" /> <img src="images/ecoimpact.jpg" width="200" height="200" /> </div> <div id="test"></div> <div class="pics"> <img src="images/penguin.jpg" width="200" height="200" /> <img src="images/lock.gif" width="200" height="200" /> <img src="images/ecoimpact.jpg" width="200" height="200" /> </div> [/html] Does anyone know what I'm doing wrong ? any help would be greatly appreciated thanks Mike