• Registered: 2012-05-02
  • Posts: 161

Topic: Small-Screen Safari Direct-Link Bug, Juicebox Bug, Works as Intended?

I recently came across a strange situation.

When clicking on a Juicebox gallery direct link (sent in an email) on my iPhone6, Safari opens with the proper image. However, the caption and image number are not shown, and the Info button on the button bar is inoperative*. And -- and this seems pretty weird to me -- rotating the phone to the other aspect will result in the caption's being displayed, and the Info button working. That is, if (when reading the mail) the phone is held vertically when the link is clicked on, after the image is display in Safari, rotating the phone horizontally will cause the caption data to display... and vice-versa.

* (All the other button-bar icons are operative, i.e., only the Info button doesn't work in this scenario.)

Another way to get the caption info to display -- instead of rotating the phone -- is to click on Safari's refresh icon.

If I click on a direct link in email on my PC, the image and caption appear, as expected. Also, if using the phone and  clicking on the gallery proper, i.e., no direct link to a specific image, the gallery loads properly, with captions showing.

My galleries are not imbedded, are built using jAlbum with the Juicebox skin, and have the following Pro options set:

backButtonPosition=OVERLAY
backButtonText="<a href="http://www.billanddot.com/index.htm" target="_top"><img src="http://www.billanddot.com/house_2.png" width="32" height="32" alt="Home (Bill & Dot's Excellent Pages)" style=" border-style: none;"></a>"
backButtonUrl=http://www.billanddot.com/
captionPosition=OVERLAY
galleryTitlePosition=NONE
imagePadding=10
imagePreloading=NEXT
languageList=Show Thumbnails|Hide Thumbnails (which enlarges main image)|Expand Gallery to Full Screen|Close Gallery|Open Image in New Tab or Window|Images|Next Image (or use the Right Arrow, or click anywhere on the right half of the screen, or the End key for the last image)|Previous Image (or use the Left Arrow, or click anywhere on the left half of the screen, or the Home key for the first image)|Play Audio|Pause Audio|Show Caption, Image Number and Home Icon|Hide Caption, Image Number, and Home Icon|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Go Back|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|of
maxThumbColumns=50
showAutoPlayButton=TRUE
showImageNav=NEVER
showInfoButton=TRUE
showNavButtons=TRUE
showSplashPage=NEVER
textColor=FFFFFF

Here is a sample link that I've been testing with: http://www.billanddot.com/victory-xct-p … -cover/#42

My phone is running iOS 8.1.3; I have cleared the cache on the phone's Safari setting many times, and that doesn't seem to matter. The galleries have been (re-)built using Juicebox 1.4.3.

Thoughts?

Cheers,

Bill P.

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

Re: Small-Screen Safari Direct-Link Bug, Juicebox Bug, Works as Intended?

I've tried clicking your link (above) in Chrome and Mobile Safari on an iPod Touch 4 running iOS 6.1.6 and the everything looks OK (the caption overlay is displayed and the Info Button works fine) in both portrait and landscape orientation (without having to rotate the device or refresh the page).

It looks like the problem may somehow be unique to Mobile Safari under iOS 8.

Does the same thing happen in Chrome on your iPhone 6?

Also, do you see the same problem with the following link (which should also display the caption overlay on load and the Info Button)?
http://juicebox.net/demos/pro/full/#7

Maybe we can track this down to a certain combination of configuration options...

  • Registered: 2012-05-02
  • Posts: 161

Re: Small-Screen Safari Direct-Link Bug, Juicebox Bug, Works as Intended?

I took the demo link you sent, put in an email, sent to it myself, opened the mail on the phone, and clicked the link. It exhibited the same behavior as the link I had been using. That is, it showed the image, with no caption, and the Info button was disabled. Either rotating the phone or clicking the Refresh icon brought up the text.

I repeated the experiment, clearing Safari's cache between tests: holding the phone horizontally instead of vertically; clicking on the Refresh icon vertically; clicking on the Refresh icon horizontally. All tests produced the same results, i.e., changing the orientation got the text to show, as did using refresh.

Next, I installed Chrome on my phone, copied the link in the email, ran Chrome, and pasted the link in Chrome. Chrome did NOT have this problem. (This was in vertical orientation; I would've tried it horizontally, but I can't figure out how to clear the cache in Chrome on my phone.)

So, it looks like it's a Mobile Safari, iOS 8.1.3, problem. I don't know whether there's anything that the Juicebox developers can overcome, but they might like to try. Anyone in your circle have access to a small-screen 8.1.3 device, so you can see this, too? I would feel better taking up your time if this quirk were reproducable on someone else's iDevice.

Cheers,

Bill P.

4 Reply by penum (edited by penum 2015-02-12 19:56:45)

  • Registered: 2015-02-03
  • Posts: 16

Re: Small-Screen Safari Direct-Link Bug, Juicebox Bug, Works as Intended?

I test it a little bit, too.

On iPhone 6 and iOS 8.1.3 with Safari and Chrome i have the effect with Stevens Sample Gallerie.
No overlay text an I-Button is in inaktiv.

On iPad and iOS 8.1.3 everthing is fine.
So i think it is in initialize Bug effect in small devices.

Do this,... swipe back to the first picture of Stevens Galerie. The yellow flower two times swipe back,... because it is the first,.. then you see the overlay text,... when you now swipe forward,.. you see ever overlay text. :-) and the I-Button is activ. :-)

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

Re: Small-Screen Safari Direct-Link Bug, Juicebox Bug, Works as Intended?

@penum

Many thanks for checking and posting your findings.
I have notified the developers. (Unfortunately, I do not have a solutions or workaround at the moment.)