1 Topic by nleviet (edited by nleviet 2014-08-03 23:09:09)

  • Registered: 2014-08-03
  • Posts: 8

Topic: Short blank after slides' CROSS_FADE transition

Hello,

I just installed the latest version 1.4.2 of Pro and love how easy it is to configure a slider.

My slideshow use flickr as the source.

I use the cross_fade transition.  However, when the transition between two slides finishes, a blank "slide" appear briefly, like a blink.

I don't have the problem when I use the SLIDE, or FADE transition.

Do you have any idea why?

Thank you for your help.

Nam

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

Re: Short blank after slides' CROSS_FADE transition

Here are a few things to check/try:

  • If you have your gallery embedded in a web page alongside other content, then try viewing the gallery on a web page of its own (by opening the gallery's 'index.html' page in a browser) to see if this makes a difference. If the gallery works as expected on its own web page, then there maybe a CSS or JavaScript conflict with some code on your embedding page which is contributing to your problem.

  • Check to see if the problem occurs in all browsers (Chrome, Firefox, Internet Explorer, Opera, Safari) or just one.

  • Try changing the value of the imagePreloading configuration option (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) to see if this helps.

If you continue to experience difficulties, then please post the URL to your gallery so that I can take a look for myself and help further.

  • Registered: 2014-08-03
  • Posts: 8

Re: Short blank after slides' CROSS_FADE transition

Hello,

Steven, thank you for your suggestion.

I run Mac OS 10.8

I loaded the default index.html created by Juicebox in Safari and got the same result.

Here is the link:

http://soldmaui.com/Residential/Oluolu/50/gallery/

I don't have the problem neither with Firefox nor with Internet Explorer on Windows 7.

Nam

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

Re: Short blank after slides' CROSS_FADE transition

Thank you for providing the link to your gallery.
I have viewed your gallery in Chrome 36.0, Firefox 31.0, Internet Explorer 11, Opera 23.0 and Safari 5.1.7 (PC) and do not see the problem you report.

So far, we know that the problem happens in Safari on Mac. Do you see the problem in other WebKit browsers on your Mac: Chrome and/or Opera?

Also, you have narrowed the problem down to the use of imageTransitionType="CROSS_FADE".
First of all, try using just imageTransitionType="CROSS_FADE" as the only option in your gallery's XML file to see if this, by itself, is enough to cause the problem.

If the problem does not happen when using only imageTransitionType="CROSS_FADE", then try to narrow the problem down further by reducing the number of configuration options in your gallery's XML file until the problem no longer exists. (Try changing the values of imageTransitionTime and displayTime before removing any options to see if this makes a difference.)

Unfortunately, as I am unable to see the problem in your gallery and cannot replicate the issue in a test gallery of my own, I am unable to try the suggestions above myself so I would appreciate your help in tracking down this issue as far as possible.
Thank you.

5 Reply by nleviet (edited by nleviet 2014-08-06 01:59:52)

  • Registered: 2014-08-03
  • Posts: 8

Re: Short blank after slides' CROSS_FADE transition

Steven,

I don't use Chrome or Opera.  No problem with FireFox on Mac or IExplorer on Windows.

I shortened the XML file and is what I have:

<juiceboxgallery

    useFlickr="true"
    flickrSetId="72157646132486996"
    imageTransitionType="CROSS_FADE"
    enableAutoPlay="true"
    showAutoPlayButton="true"/>

Of course, I have to have "enableAutoPlay".

and I have the same problem. I also noticed thought that from times to times this flickering effect is not there, for perhaps 3 or four slides and then it comes back.  This is totally random.  I changed the transition time, and got no improvement.

Thank you.

Nam

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

Re: Short blank after slides' CROSS_FADE transition

OK, thank you for the additional information.
As I am unable to see or replicate the problem myself, I have notified the developers who will certainly investigate this further.

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

Re: Short blank after slides' CROSS_FADE transition

On further investigation, the problem may be related to server-side caching.
If caching is disabled on your web server, then Juicebox will have to download the images every time it needs them (as it will not be able to fetch them from a cache) and this may be causing the problem.

If you have an Apache web server and have a .htaccess file with an entry such as the following (to disable caching), then please try removing it to see if it helps.

Header set Cache-Control "max-age=0, private, no-cache, no-store, must-revalidate"

This may solve the problem.

  • Registered: 2014-08-03
  • Posts: 8

Re: Short blank after slides' CROSS_FADE transition

Hello,

NetworkSolution hosts my website. I do have htaccess file but it does not have the entry you mentioned.

Note that when the navigation buttons are not displayed, via the settings, the flickering does not happen.  The home page of http://soldmaui.com is an example of where the flickering does not happen.

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

Re: Short blank after slides' CROSS_FADE transition

Do you have a link to a gallery which still displays the flickering so that we can take another look (now knowing what we know about the server-side caching issue)?
The link in your earlier post does not seem to work any more.

Also, do you see the problem (in your Safari browser) in this demo gallery which uses imageTransitionType="CROSS_FADE" and displays navigation buttons?

Thanks for your help.