Posted By

davebowker on 06/08/09

Tagged

Versions (?)

Last Edited at 06/08/09 07:27am

Statistics

Viewed 692 times

Favorited by 0 user(s)

Related snippets

jQUery Cycle Plugin - Advanced Pager

/ Published in: jQuery

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.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

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