There is no API method which will display a separate page of thumbnail images unless your gallery is being displayed in Small Screen Mode where toggleThumbs() will switch between the thumbnail page and the main image page. Try setting screenMode="SMALL" to see if this is more what you are after.
So I need a way to get the thumb image urls.
If you want to get a list of all thumbURL entries in a gallery, this can be done as follows.
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
var jb = new juicebox({
containerId: "juicebox-container",
galleryHeight: "400",
galleryWidth: "600"
});
var thumbs = [];
jb.onInitComplete = function() {
var total = jb.getImageCount(), info, thumb;
for (var i = 1; i <= total; i++) {
info = jb.getImageInfo(i);
thumb = info.thumbURL;
thumbs.push(thumb);
}
};
</script>All the thumbURL entries are stored in an array (named 'thumbs' in the example above) and you can use this information as you like. For example, you could iterate over the array and display all the thumbnails using <img> tags (using the information in the array as the 'src' attributes).