I meant for you to try loading Google into an iframe (in a similar manner to how you are currently loading your Juicebox gallery) rather than just display 'http://www.google.com/' on your web page as plain text to see if the problem occurs with any content in an iframe and not just with a Juicebox gallery (to determine whether or not the problem is directly related to Juicebox or the iframe).
Try replacing:
http://www.google.com/... with:
<iframe src="http://www.google.com/" style="border:0px #FFFFFF none;" name="SimpleViewer" scrolling="auto" frameborder="0" marginheight="0px" marginwidth="0px" height="100%" width="100%"></iframe>... to see what happens.
No matter what happens with the test above, a possible solution should be to just embed your gallery directly into your web page (using the baseUrl method of embedding) rather than using an iframe.
Try replacing:
<iframe src="index_htm_files/JUC01test/index.html" style="border:0px #FFFFFF none;" name="SimpleViewer" scrolling="auto" frameborder="0" marginheight="0px" marginwidth="0px" height="100%" width="100%"></iframe>... with:
<!--START JUICEBOX EMBED-->
<script src="index_htm_files/JUC01test/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : 'index_htm_files/JUC01test/',
containerId : 'juicebox-container',
galleryWidth : '540',
galleryHeight : '291',
backgroundColor: '#222222'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->If this still does not work, then you may need to delay the loading of your Juicebox gallery until the container into which your gallery is embedded is visible on your web page. You could put the embedding code into a JavaScript function and run it when your icon is clicked, using code such as the following:
<!--START JUICEBOX EMBED-->
<script src="index_htm_files/JUC01test/jbcore/juicebox.js"></script>
<script>
function loadGallery() {
new juicebox({
baseUrl: 'index_htm_files/JUC01test/',
containerId: 'juicebox-container',
galleryWidth: '540',
galleryHeight: '291',
backgroundColor: '#222222'
});
}
</script>
<div id="juicebox-container"></div>
<a href="#" onclick="javascript: loadGallery(); return false;">Click here to load gallery.</a>
<!--END JUICEBOX EMBED-->