I do still have to refresh the page for both galleries to show up on my Mac for some reason...
Normally the Juicebox gallery will not be rendered until the Document Object Model (DOM) is ready but your web page seems to have a lot going on in a $(document).ready(function() { }); at the foot of your page.
Maybe if you load your gallery after all your page's custom JavaScript code has been processed, the gallery will appear without the page having to be refreshed.
Try wrapping your gallery's embedding code in a function and run the function at the end of the $(document).ready(function() { }); code.
For example, try replacing:
new juicebox({
baseUrl : 'gallery_giclee/',
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(255,255,255,1)"
});
... with:
function loadGallery() {
new juicebox({
baseUrl : "gallery_giclee/",
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(255,255,255,1)"
});
}
... and then replace the last line of your page's custom $(document).ready(function() { }); JavaScript code from:
} catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }});
... to:
} catch(e) { if (e && 'function' == typeof e.notify) e.notify(); else Muse.Assert.fail('Error calling selector function:' + e); }
loadGallery();
});
Alternatively, if you do not want to manually edit the page created by Muse, then you could try wrapping your gallery's embedding code in its own $(document).ready(function() { }); and introduce a window.setTimeout(); function to delay the normal loading of the gallery (perhaps by half a second or so) to allow your own custom JavaScript to be processed first.
For example, try replacing:
new juicebox({
baseUrl : 'gallery_giclee/',
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(255,255,255,1)"
});
... with:
$(document).ready(function() {
window.setTimeout(function() {
new juicebox({
baseUrl : "gallery_giclee/",
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "rgba(255,255,255,1)"
});
}, 500);
});
Hopefully this will help.