Understood.

I've forced expandInNewPage="TRUE" for small Android devices since we're not able to lock the viewport on the site level.

Thank you!

I tried another Android phone (Samsung) and it worked fine (opened full.html). But when I view the same gallery in an LG phone, it treats it as a desktop device.

Android version: 4.2.2
Model: LG Nexus 4

How does Juicebox determine when to open full.html? Is it based on phone model or screen size?

Perfect. Thanks, Steven!

Steps to reproduce
1. Expand gallery to full screen.
2. Navigate to another image.
3. Trigger the getImageIndex() API method.

Expected result: getImageIndex() should return the index of the current image visible in full screen mode.

Actual result: getImageIndex() returns the index of the image last active before expanding to full screen mode, and it doesn't change until you exit full screen mode.

Thanks, Steven!

Thanks, Steven!

1. Use an Android or iPhone browser.
2. Ensure you are signed into Facebook (or not).
3. Visit a Juicebox-Pro gallery with social share buttons enabled in the button bar.
4. Click on the Facebook icon to share.

Expected result: prompts user to confirm sharing the album/photo.

Actual result: prompts user to enter a URL to share. This is a sample URL that Juicebox sends the user:

https://m.facebook.com/sharer.php?s=100&p[url]=http%3A%2F%2Fwww.globaltv.com%2Fjs%2Fgallery%2Ffull.html%231&p[images][0]=http%3A%2F%2Fwww.globaltv.com%2FuploadedImages%2FContent%2FCommunity%2FGalleries%2F2014%2FFebruary%2Fstephenie-lagrossa.jpg&p[title]&p[summary]=She+may+not+look+it+but+Stephenie+has+proven+she+has+the+will+and+athleticism+to+pull+her+weight+and+more.+I+mean%2C+she+dislocated+her+shoulder+and+continued+a+challenge.+Bad.+Ass.&_rdr

Note: Could this be an issue with Facebook share on their m.facebook site?

1. In an Android phone or tablet, open Chrome.
2. Visit a Juicebox-Pro gallery with the button bar enabled.
3. Expand the gallery to full screen and view in portrait made.

Expected results: The button bar to be an appropriate size and accessible (touched on).

Actual result: the buttons on the button bar shrink, making it difficult to touch individual icons.

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!

This worked! Thank you so much. I added the following line before initializing the juicebox class.

document.write('<script src="/js/gallery/juicebox.js"></script>');

Steps to reproduce:
1. Use Safari and change your User Agent to iPad, or use an actual iPad device.
2. Visit http://globaltv.uat.smdg.ca/test_44.aspx
3. Click the full screen icon.

Expected behavior:
We expect the user to be redirected to /js/gallery/full.html or /js/gallery/jbcore/full.html because the baseUrl is set to /js/gallery/.

Actual behavior:
The user is redirected to /full.html (the directory of where the gallery is displayed). If we move the test page to the /test/ directory, the user is redirected to /test/full.html instead of respecting the baseUrl value.

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

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

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.