The image used for the Splash Page can be set via the splashImageUrl configuration option.
If a splashImageUrl is not explicity set, then Juicebox will use the first image in the gallery.
This is by design. The # identifier and firstImageIndex option have no effect on the Splash Page image.
If you like, please feel free to post suggestions for future versions in the Feature Requests forum thread.
This keeps all the ideas together and ensures that they are not overlooked. Thank you.
You could use JavaScript to fetch the image corresponding to a # identifier or query string variable from the gallery's XML file and set the splashImageUrl dynamically.
Here's an example using the # identifier. (You could use a query string variable instead if you like.)
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
var hash = 1;
if (window.location.hash) {
hash = window.location.hash.substring(1);
}
var splash = '';
$.get('config.xml', function(data) {
splash = $.trim($(data).find('juiceboxgallery').find('image').eq(hash - 1).attr('imageURL'));
}).done(function() {
new juicebox({
containerId: 'juicebox-container',
splashImageURL : splash
});
}).fail(function() {
alert('Cannot fetch image for Splash Page.');
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->