• emma
  • Member
  • Offline
  • Registered: 2012-09-07
  • Posts: 10

Topic: 404 error only on iPhone

Hello,

I've uploaded a test page for our photo gallery, and I can view it on my Android, Mac, and PC - however, it returns a 404 error on two iPhones.

the URL is http://www.southerncinema.com/gallery/test.html

Thanks!

  • Registered: 2012-04-24
  • Posts: 5,924

Re: 404 error only on iPhone

It looks like the 'full.html' file is missing from your gallery's 'jbcore' folder.
Try re-uploading the complete 'jbcore' folder from the Juicebox-Lite download zip package to your web server.

  • emma
  • Member
  • Offline
  • Registered: 2012-09-07
  • Posts: 10

Re: 404 error only on iPhone

Steven, unfortunately that didn't do the trick. The iPhone is attempting to access a new web address (the jbcore file), and it is resulting in an error, even though I've put the file to our server.

  • Registered: 2012-04-24
  • Posts: 5,924

Re: 404 error only on iPhone

The 'full.html' file is still missing from your gallery's 'jbcore' folder.
It should be located here: http://www.southerncinema.com/gallery/jbcore/full.html
... but going directly to that URL in a browser results in an error 404 (file not found).

Try completely deleting the existing 'jbcore' folder from the gallery folder on your web server first and then extract a fresh 'jbcore' folder from your Juicebox-Lite download zip file (to ensure that all files are present and correct) before uploading it to your gallery folder.

  • emma
  • Member
  • Offline
  • Registered: 2012-09-07
  • Posts: 10

Re: 404 error only on iPhone

Thanks for all of your help, Steven! It works great now, on all OSs, and we'll be upgrading to pro for the website.

  • emma
  • Member
  • Offline
  • Registered: 2012-09-07
  • Posts: 10

Re: 404 error only on iPhone

Just kidding. I've tried embedding multiple galleries now, after the test page was up and running with just the one. Now, I am receiving this same 404 error only on iPhones.

I tried putting the updated jbcore file into the individual file folders, and into the gallery folder, without any luck. When I attempt to access the http://www.southerncinema.com/gallery/jbcore/full.html, I gain access and it states "config XML file not found," which was what it stated when I had it working earlier.

Thoughts?

  • emma
  • Member
  • Offline
  • Registered: 2012-09-07
  • Posts: 10

Re: 404 error only on iPhone

Here is an example of the code I am using for the multiple galleries.

<div id="juicebox-container2">
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container2",
galleryWidth: "600px",
galleryHeight: "500px",
backgroundColor: "#222222",
baseURL: "gadesign"

});
</script>


</div>

<!--END JUICEBOX EMBED-->

And, also:

<div id="juicebox-container1">
       

<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container1",
galleryWidth: "600px",
galleryHeight: "500px",
backgroundColor: "#222222",
baseUrl: "clientproject"
});
</script>

  • Registered: 2012-04-24
  • Posts: 5,924

Re: 404 error only on iPhone

When I attempt to access the http://www.southerncinema.com/gallery/jbcore/full.html, I gain access and it states "config XML file not found," which was what it stated when I had it working earlier.

You should not access the 'full.html' page directly. (If you do, you will see the 'Juicebox Error: Config XML file not found.' message.) It is used internally by Juicebox when the gallery is displayed fullscreen on mobile devices.
The page you should open in your browser is the HTML document into which you are embedding your galleries.

Taking one of your galleries as an example:

<div id="juicebox-container2">
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container2",
galleryWidth: "600px",
galleryHeight: "500px",
backgroundColor: "#222222",
baseURL: "gadesign"

});
</script>

If your entire gallery is contained in the 'gadesign' folder, then:
(1) The page containing the embedding code (above) should be in the same directory as the 'gadesign' folder.
(2) Your 'gadesign' folder should contain a 'jbcore' folder and the path to the 'juicebox.js' file should be:

<script src="gadesign/jbcore/juicebox.js"></script>

(3) There should be a trailing slash in your baseUrl:

baseUrl: 'gadesign/'

If you continue to experience difficulties, please post the URL to the HTML page containing the galleries so that I can take a look.

  • emma
  • Member
  • Offline
  • Registered: 2012-09-07
  • Posts: 10

Re: 404 error only on iPhone

Steven,

So far as I can tell, I have done everything you mentioned above. both the gadesign and clientproject galleries are located within the gallery folder. I have added the trailing slash, though it hasn't had an affect on the iPhone issue.

The gallery page is http://www.southerncinema.com/gallery/index.html

I appreciate your help!

  • Registered: 2012-04-24
  • Posts: 5,924

Re: 404 error only on iPhone

Both galleries now display OK on my iPod Touch so they should also display on your iPhone.
Try clearing your browser's cache before reloading the galleries.

As the images on your front page link to the galleries on individual separate pages, you may wish to make your gallery dimensions 100% x 100% so that they fill the browser window. In doing so, Juicebox will bypass the Splash Page and display the galleries immediately.