jQuery Forum

Now because I need the containers and slides to fill their containers using relative sizes (eg: width: 100% etc), I've used slideResize: false and the dummy image method described here which works great for the list of images, which will all be similarly sized. I resize the browser window and the images scale as I want. Below is my script:

1. //Images
2. $('.slides').prepend('<li class="loader"><img src="my-image.jpg" alt="" /></li>');
       $('.projectImages').cycle({
           timeout: 0,
           slideExpr: '.slide',
           fx: 'scrollHorz',
           slideResize: false,
           prev: '.prev',
           next: '.next'
       });

However when I add cycle to the projects ul, the image slideshow gets fixed widths applied inline to the list items (as would be case if slideResize: true). This is my script for the projects slideshow:

1. // Projects
2. $('.projects').cycle({
           timeout: 0,
           fx: 'scrollVert',
           next: '.nextProj',
           prev: '.prevProj',
           rev: 1,
       });
   

Are nested cycles in this way doable? Where am I going wrong or missing something?

Any pointers will be greatly appreciated.

Thanks