Topic: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

The ImageNav (Arrows) that overlays the main image is missing on mobile devices (tested on Android 4.4.2) since updated to 1.4.3.

Here are the regarding settings I use:

buttonBarPosition: "OVERLAY_IMAGE",
galleryTitlePosition: "NONE",
showThumbsOnLoad: "FALSE",
showThumbsButton: "FALSE",
showSmallThumbsButton: "FALSE",
showSmallThumbsOnLoad: "FALSE",
captionPosition: "NONE",
captionBackColor: "#FFF",
showImageNumber: "TRUE",
captionHAlign: "LEFT",
imageScaleMode: "SCALE_DOWN",
imageShadowColor : "rgba(0,0,0,0)",
screenMode: "SMALL",
showSplashPage: "NEVER",
showImageNav: "ALWAYS",
showOpenButton: "FALSE",
showImageOverlay: "ALWAYS",
buttonBarIconSize: "15"

even tried:

showImageNav: "HOVER",
showImageOverlay: "AUTO",

No arrows appearing!


Second problem - not only since this version - this one existed before as well:

The Image Overlay loads fine with showOverlayonLoad. But then when I tap the main image once the overlay disappears (as it should) but can not be "called" (made visible) again through taping the main image again - I first have to slide to the next image, then it pops up again...

but even sometimes (not always), after taping the image once (and the overlay disappeard) the image is not slideable anymore...

Re: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

I've found with the 1.4.3 update my nav arrows completely disappeared on full size desktop gallery view with the first image. If I clicked where I thought they should be they appeared on the 2nd image even though I have "Stage" as my pref for where they should appear.
Reverting back to 1.4.2 solved the problem.

Re: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

@amadeus77

The ImageNav (Arrows) that overlays the main image is missing on mobile devices (tested on Android 4.4.2) since updated to 1.4.3.

Since v1.4.3, the default value for showImageNav is HOVER and the image navigation buttons are displayed only when hovering over the 'previous' and 'next' hit areas. This is not possible on swipeable mobile devices so the image navigation buttons are hidden.

Second problem - not only since this version - this one existed before as well:

Do you see the problem in both Chrome and the stock Android browser (or just in one browser)?
Do you see the problem in any of our demo galleries here?
Please post the URL to your gallery so that I can take a look at the problem and investigate further. Thank you.

@cprblak

I've found with the 1.4.3 update my nav arrows completely disappeared on full size desktop gallery view with the first image.

Is your desktop monitor a touch-screen device?
What happens when you hover over the left and right sides of the main image? Do the main image nav buttons appear?

@amadeus77 & @cprblak
It looks like there may be a problem with displaying main image navigation arrows in Touch Mode (at least on mobile devices) when showImageNav=ALWAYS". I have notified the developers.

Re: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

Is your desktop monitor a touch-screen device?
What happens when you hover over the left and right sides of the main image? Do the main image nav buttons appear?

No it is not touchscreen. The arrows appeared only on and after the 2nd image. No hovering on the first image would make them appear. The after that they appeared on the image even though I had Stage set as the pref.

Re: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

@cprblak

Please post the URL to your gallery so that I can take a look at the problem and investigate further. Thank you.

The after that they appeared on the image even though I had Stage set as the pref.

Please note that when imageNavPosition="STAGE", the navigation buttons are positioned relative to the edges of the gallery (rather than the edges of the image). If the image happens to be displayed close to the edges of the gallery, then the navigation buttons may be displayed on top of the image.

Re: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

Steven wrote:

@cprblak
Please post the URL to your gallery so that I can take a look at the problem and investigate further. Thank you.

Since I reverted back to 1.4.2 there's nothing to look at now. If I update to 1.4.3 again I'll post a link.
The navigation on the stage was working fine and positioned correctly until the update.

Re: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

@cprblak

If I update to 1.4.3 again I'll post a link.

OK, thanks. I've not been able to see any strange behavior when using imageNavPosition="STAGE" vs "IMAGE" in v1.4.3 test galleries of my own. Perhaps the problem you have encountered is due to a certain combination of configuration options. If possible, please post the configuration options that your gallery uses so that I can try to replicate the problem for myself. Thank you.

8 (edited by cprblak 2015-01-18 18:34:13)

Re: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

I also wondered if some of the things I've manipulated in the theme.css file might be having some sort of an effect here too. I was using a custom css theme file on an earlier site that embedded JB but since I'm using Showkase now I replaced the stock css file in the admin/plugins/juicebox folder with that older custom one. Was much css changed in the 1.4.3 update? I hate the idea of going through my custom file and trying to find all the things I changed and then manipulate the new one with the same changes.

Re: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

There were not many changes to the 'theme.css' file between v1.4.2 and v1.4.3 (mainly a few default value changes for things like opacity values and an entry to fix a bug relating to z-index values). There looks to be no changes which should cause any problems with imageNavPosition="STAGE" vs "IMAGE". However, there may be other changes to CSS generated dynamically by the 'juicebox.js' file.

I would certainly try using the stock v1.4.3 'jbcore' folder to see if your problems still occur.

Re: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

Steven wrote:

@amadeus77 & @cprblak
It looks like there may be a problem with displaying main image navigation arrows in Touch Mode (at least on mobile devices) when showImageNav=ALWAYS". I have notified the developers.

Is it true? Is there a problem with the navigation buttons in Touch Mode? Any solution?
Thank you for help!

Re: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

@amadeus77

Is there a problem with the navigation buttons in Touch Mode?

Yes. Currently, in Touch Mode, the main image nav buttons are not visible when showImageNav=ALWAYS" (they should be).

Any solution?

There is no workaround at the moment but the bug should hopefully be fixed soon.

Re: Missing ImageNav since updated to 1.4.3 / Taping Overlay Error

Please re-download Juicebox-Pro v1.4.3 and upgrade your galleries with the new 'jbcore' folder.
Full instructions for downloading the most recent version and for upgrading existing galleries can be found on the Upgrading Juicebox support page.
We have just released a hotfix version of v1.4.3 which fixes the showImageNav=ALWAYS" bug.