Hi all.
I'm using JB lite at http://petegardiner.co.uk/?p=pics and have run into a problem, but only on some mobile devices.
First, my instance of JB always opens with the splash screen on mobile devices. Perhaps that's normal? I don't mind.
The splash screen always loads without issue on any device, and shows an image from the gallery in question, so obviously the xml file is being found OK at that stage.
Tapping to open gallery on my iPhone 4s or my friends iPhone 4, though, takes me to the /jbcore/full.html address and says xml file not found.
However, the gallery works perfectly on another iPhone 4 to which I have access. (and a 3gs and a 5s - all safari)
Between all these devices I can say the fault isn't specific to one model or iOS version.
Interestingly my 4s has no problem opening the gallery if I use chrome, so the problem seems to be exclusive to, but not consistent on, safari mobile.
Additionally, the two phones which are having issues would have visited this site and gallery in the past.
I did clear browsing history and caches on my 4s but this made no difference.
This issue came to my attention because I recently created a second gallery and used onclick/script to populate the container with whichever gallery the user wants to see, so there's only ever one active gallery at any time.
Switching between galleries (splash screens, at least) works fine on any device.
I have tried reverting to a single gallery setup, though, and this hasn't helped.
Also, I'm using custom gallery names like gigs.xml, for example, and am pointing to them using configURL.
If I can provide any more info I'd be happy to, and if anyone can help I'd much appreciate it.
My embed code is below.
The buttons are actually elsewhere in my page code but I've included them at the bottom anyway.
<div class="grid_10 main">
<h1>Galleries</h1>
<!--START JUICEBOX EMBED-->
<script src="includes/gallery/jbcore/juicebox.js"></script>
<!--Auto Gallery here-->
<script>
new juicebox({
containerId: "juicebox-container",
configUrl: "includes/gallery/simpson.xml",
galleryWidth: "100%",
galleryHeight: "70%",
backgroundColor: "#222222",
});
</script>
<!--Gallery choice scripts here-->
<script>
function simpson (){
new juicebox({
containerId: "juicebox-container",
configUrl: "includes/gallery/simpson.xml",
galleryWidth: "100%",
galleryHeight: "70%",
backgroundColor: "#222222",
});
}
</script>
<script>
function misc (){
new juicebox({
containerId: "juicebox-container",
configUrl: "includes/gallery/misc.xml",
galleryWidth: "100%",
galleryHeight: "70%",
backgroundColor: "#222222"
});
}
</script>
<div id="juicebox-container"></div>
</div>
<button onclick="simpson()">Gallery one title</button><br><br>
<button onclick="misc()">Gallery two title</button>