ewon

Hi folks,

I figured it out. Here’s what I’ve got to make radSLIDE output thumbnails as the pager:

FOR RADSLIDE TEMPLATE

<div class="gallery" style="background: url('IMAGE_URL') no-repeat;">
	<div class="description">TITLE: DESCRIPTION</div>
	<div class="url" style="display: none;">IMAGE_URL</div>
</div>

FOR RADSLIDE JQUERY OPTIONS

{
timeout:0,
speed:750,
pager: '#project-thmbs',
pagerEvent:'click.cycle',
pagerAnchorBuilder: function(idx, slide) {
	return '<li><a href="#"><img src="' + jQuery(slide).find('.url').text() + '" alt="" width="100" /></a></li>'
}
}

FOR HTML PAGER ITEM

<ul id="project-thmbs">
</ul>

Hope this helps someone else and saves them hours of work!

I received an email back from the developers of the plugin with the following information:
—————————-
Hi ewon,

I’ve never actually used pagerAnchorBuilder before now, but I just got it working with radSLIDE. It’s just not the simplest to set up. For pagerAnchorBuilder to work, you also need to set a pager div. So, for example, if you want to put the slideshow on a page in wordpress, you have to edit that page, switch to HTML mode, and write something like this:

radslide 1
<div id=”radslide-pager”></div>

Then when you’re editing the settings of your slideshow, they need to look something like this:

{
timeout:2000,
speed:500,
pager: ‘#radslide-pager’,
pagerAnchorBuilder: function(index, element){
return ‘<p>SLIDE ‘+index+'</p>’;
}
}

So on your page you need to have an extra div to hold the pager items, and then in the radSLIDE settings you need to specify what the selector of that div is, and also specify how each individual slide should look inside the pagerAnchorBuilder function. Make sense?
———————————–

This only returns the numbers….

Problem Solved! Apparently I did not research the topic well enough. Under “Overriding Archive/Single Page Behavior”