1

(1 replies, posted in Juicebox-Pro Support)

We're having troubles accessing the API (showImage(), for example) on the mobile devices.  It appears as though a placeholder dummy image is used on mobile, and when clicked, a full screen version is loaded.  We can use toggleExpand() to activate expanded mode, but afterwards the API methods fail. 

From what I can see, there are 2 copies of the gallery that run - one is embedded, and the other is the full screen overlay.  I'm guessing that the problem here is that the jb object we're calling these methods on is attached to the embedded gallery, and doesn't affect the full screen overlay.

On the desktop, the API works to control both copies of the gallery.  For mobile, it does not...

Also, can you shed some light on the different mobile devices, and which files they use?  iOS seems to launch full.html, while Android does not.  This makes customizing this plugin challenging.  Can you link me to some documentation about how this placeholder is loaded, where it links to, and how to access the API at that point?

Thanks in advance.

Ok..  Update:

A little trial and error, and we found that if you enable enableDirectLinks, the expanded mode works better.

The problem for us, is that we're using a dynamic feed that will constantly receive new photos.  For this reason, the newest photo, with index 1, will constantly be changing.  We can't have the /gallery/#1 point to a different photo each time...

We're setting our own hash identifier '/gallery/#something' and at the moment, it flickers as we override your enableDirectLinks (which we'd like to turn off, but then none of the event handlers or methods work properly in expanded mode).

....

This didn't work in full screen mode either:

console.log( jb.getImageInfo( jb.getImageIndex() ) );

Edit:  It returned data, but for the wrong image.  It got stuck on one image.

The events do not fire when in expanded / full screen* mode.  For example:

Go to your api demo page:  http://www.juicebox.net/demos/support/api/

Click next image:  The onImageChange fires each time you press next.

Expand the gallery:  The onImageChange doesn't fire.

This is a problem for our project.  We just bought the Pro version, and have a deadline of tomorrow. 

Please help!

*I see an option for useFullscreenExpand, which we're not using.  I just mean when you click the expand button...