I am working on a new website with Drupal as the CMS. I created a page which simply contains the following embedding code:
<!--START JUICEBOX EMBED--><script src="/CNI2012/gallery/songbirds/jbcore/juicebox.js"></script><script>
new juicebox({
containerId : "juicebox-container",
baseUrl : "/CNI2012/gallery/songbirds/",
galleryWidth: "870",
galleryHeight: "600",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container">
</div>
<!--END JUICEBOX EMBED-->
When the page is viewed on a PC (IE9), everything is fine. However, if I view the page in Safari on my iPhone, I see the splash screen correctly, but slelecting "view gallery" gets me:
Juicebox Error: Config XML file not found
Why should this be happening since the songbirds directory contains the config.xml file and the images, jbcore, and thumbs directories.