views:

4

answers:

0

I have the following two cycles:

jQuery(document).ready(function(){
    jQuery('.spinner').cycle({
        fx: 'scrollLeft',
        speed: 750,
        timeout: 6000,
        pause: 1,
        next: "#recentWork .controls .next",
        pager:  '#recentWork .controls div'
/*      before: ajaxNewDetails  */
    });
    jQuery('.inner').cycle({
        fx: 'fade',
        speed: 750,
        timeout: 6000,
        pause: 1,
        next: "#recentWork .controls .next",
        pager:  '#recentWork .controls div'
    });

});

The first one cycles through images and the second through relevant description. The above code generates separate pagers for each cycle, for example if I have two images, "1 2 1 2".

How can I merge the pagers so that clicking on any, cycles both elements?