Posted By

davebowker on 06/08/09


Tagged

javascript jquery


Versions (?)

jQUery Cycle Plugin - Advanced Pager


 / Published in: jQuery
 

URL: http://malsup.com/jquery/cycle/pager2.html

Version differs slightly from the demo, as the src for the thumbnail image is a child of the demo example, so has been slightly modified.

  1. $('.ukn-visual-gridsnapr-widget').before('<ul class="ukn-visual-gridsnapr-widget-nav">').cycle({
  2. fx: 'turnDown',
  3. speed: 'fast',
  4. timeout: 0,
  5. pager: '.ukn-visual-gridsnapr-widget-nav',
  6. // callback fn that creates a thumbnail to use as pager anchor
  7. pagerAnchorBuilder: function(idx, slide){
  8. var src = $('img', slide).attr('src');
  9. return '<li><a href="#"><img src="' + src + '" width="60" height="60" /></a></li>';
  10. }
  11. });

Report this snippet  

You need to login to post a comment.