ajp

	{if cf_articles_slideshow}
		<script type='text/javascript'>
			$('#slideshow .slides').cycle({ 
			    fx:     'turnDown', 
			    speed:  'fast', 
			    timeout: 0, 
			    pager:  '#nav_slideshow ul',
				next:   '.slideshow_next', 
				prev:   '.slideshow_prev',
			    // callback fn that creates a thumbnail to use as pager anchor 

ajp

$('#homeslides').cycle({
  fx:     'fade',
  speed:  900,
  timeoutFn: function(currElement, nextElement, opts, isForward) { 
    return parseInt($(currElement).attr('data-duration'), 10);
  }
});

AND HTML of:

ajp

     {exp:nsm_transplant:body}
   
          {cf_pages_body}
   
          {cf_pages_images}
               {exp:nsm_transplant:content id="image_{row_count}"}
                         <div class="image">
                              {if image_link}<a href="{image_link}">{/if}
                              {exp:ce_img:single src="{image}" max_width="{image_width}" class="{image_alignment}" alt="{image_title}" title="{image_caption}"}
                              {if image_link}</a>{/if}