1 Topic by MJK (edited by MJK 2013-11-21 22:58:23)

  • MJK
  • Member
  • Offline
  • Registered: 2012-09-20
  • Posts: 8

Topic: Caption overlay flashes when changing image

Hi!

I have my site's test gallery here:
--

I have problem with caption overlay flashing everytime when I change picture.

I have been trying to make the Juicebox pro gallery to fit my new "minimalistic" site design.

I think I have got it now. Only problem is that flickering/flashing when you change image.

Normally it would be okay if the caption would be overlay the image but now the caption is under the image and the flashing looks little bit nasty to my eye.

Anything I could do?

2 Reply by MJK (edited by MJK 2013-11-21 22:58:30)

  • MJK
  • Member
  • Offline
  • Registered: 2012-09-20
  • Posts: 8

Re: Caption overlay flashes when changing image

If I put the imageTransitionType="CROSS_FADE" to imageTransitionType="NONE" I will get the result I want with the caption...

Sample here:
--

However, In this way I lose the fading from the image... Other options? :)

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

Re: Caption overlay flashes when changing image

If you are referring to the way that the caption area fades out with the image and then snaps back into place, then this is unavoidable with the configuration options your gallery uses.

The way that the caption area appears and disappear is dependent on two configuration options: captionPosition and imageTransitionType.

captionPosition = BELOW_IMAGE or BELOW_THUMBS or BOTTOM or OVERLAY -> old caption area fades out
captionPosition = OVERLAY_IMAGE -> old caption area disappears instantly

imageTransitionType = CROSS_FADE -> new caption area appears instantly
imageTransitionType = FADE -> new caption area fades in

If you want your caption area to fade in and out, then set captionPosition to BELOW_IMAGE or BELOW_THUMBS or BOTTOM or OVERLAY and imageTransitionType to FADE.

Otherwise, to make the caption area transitions less noticeable, try setting your captionBackColor="rgba(0,0,0,0)" (transparent) and set the caption text to a contrasting color (such as black).

4 Reply by MJK (edited by MJK 2013-11-21 22:58:41)

  • MJK
  • Member
  • Offline
  • Registered: 2012-09-20
  • Posts: 8

Re: Caption overlay flashes when changing image

Thank you. This clarified the thing to me.

One problem however.

When I have imageTransitionType="NONE" and captionPosition="BELOW_IMAGE" I have problem with IE10.

The captions changes perfectly with Firefox and Chrome. With IE10 after image change the caption disappears and doesn't come back expect when the thumbnail group changes also. But after when the first image changes the captions disappear again.

--

--

---------------------

I tried gallery with default settings straight from the Builder-pro and same problem with IE10.

--

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

Re: Caption overlay flashes when changing image

Thank you for reporting this problem.
I am able to see the problem in IE10 but it does not seem to be a problem in IE11 (or in any other browsers).
I have logged a bug report with the developers and it should hopefully be fixed in the next version.

In the meantime, the workaround would be to use a different combination of captionPosition and imageTransitionType.

(Please note that there is currently a similar problem with the same symptoms as you describe which affects imageTransitionType="CROSS_FADE" in conjuction with captionPosition="BOTTOM" or "BELOW_THUMBS". This bug has already been addressed and will be fixed in the next version of Juicebox-Pro.)