• Registered: 2014-02-10
  • Posts: 13

Topic: iPhone devices show only a blank black box [SOLVED]

Steps to reproduce:
1. Use Safari and change your User Agent to iPhone, or use an actual iPhone device.
2. Visit http://globaltv.uat.smdg.ca/test_44.aspx

Expected behavior:
We expect to see the splash screen allowing the user to open the gallery in full screen mode.

Actual behavior:
The juicebox class is loaded. However, there is a blank black box where the splash screen should be.

  • Registered: 2014-02-10
  • Posts: 13

Re: iPhone devices show only a blank black box [SOLVED]

Extra notes:
I'm using a PhotoAlbum wrapper class that initializes the juicebox class.
http://globaltv.uat.smdg.ca/js/gallery/ … =test+Vani

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

Re: iPhone devices show only a blank black box [SOLVED]

The problem may be that your gallery's baseURL is defined as: baseUrl: "http://www.globaltv.com/js/gallery/"
... but you are accessing your web site via globaltv.uat.smdg.ca

Try storing all the gallery files on the same domain/subdomain (setting baseUrl: "http://globaltv.uat.smdg.ca/js/gallery/") to see if this helps.

Also, are you able to try without using the PhotoAlbum wrapper to see if this makes a difference?

  • Registered: 2014-02-10
  • Posts: 13

Re: iPhone devices show only a blank black box [SOLVED]

Solved! It seems the issue was CSS related.

Originally I noticed some of the site's CSS interfered with the gallery. I fixed those issues. However, since different DIVs were being used for the splash screen on iOS, there were more fixes I needed to implement.

Thank you for your support!

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

Re: iPhone devices show only a blank black box [SOLVED]

I'm glad that you have been able to resolve your problem.
Thank you for posting back to let me know.