Topic: juicebox get stuck on loading some images

Hello.

I just bought Pro version to solve this problem.

Some pictures are stuck on loading, but when i press full screen image, they load correctly, and after they show nicely from cache.

Gallery: https://foto.motoko.eu/2018_winter_cz/index.html

Screenshot attached.

But if I open the gallery from local disk, its working perfectly.

Thank You for Your help.

Post's attachments

juicebox stuck.png 243.26 kb, file has never been downloaded. 

You don't have the permssions to download the attachments of this post.

Re: juicebox get stuck on loading some images

When I view your gallery myself, all 30 images are displayed successfully so it looks like all the gallery files are present and correct on your server and there are no problems with the images (no corrupt images or problems with case-sensitivity within filenames).
It looks like your problem may be due to either a temporary web server glitch or an internet connection issue.
All I can suggest at the moment is that you try clearing your browser's cache and reload your gallery's web page again.
Also, try viewing your gallery in a different browser (Edge, Chrome, Firefox, Internet Explorer, Opera, Safari) to see if this makes a difference (and if you have any browser extensions enabled, try temporarily disabling them).
Please let me know how you get on.

Re: juicebox get stuck on loading some images

OK. I tried Chrome, IE, Firefox, Firefox for Developers. The same result.

I tried to do more analisys.
I am working for some time as Linux server admin, and HTML, PHP, Javascript, JAVA for Android developper. So i have some experience, but never saw this before. Its shows something like "partial content" with 206 return code.
So maybe its not problem of Juicebox. But i dont have problem with other websites and images.

So i tried to change .htaccess to:

<IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
        Header set Cache-Control "no-cache, no-store, must-revalidate, proxy-revalidate, no-transform, max-age=0, post-check=0, pre-check=0"
        Header set Pragma "no-cache"
</IfModule>

But same results...

And i found connected issue, becouse i am using 4g LTE to connect my office.
https://juicebox.net/forum/viewtopic.php?id=2333

Plese look at attachment, you can see full headers on image, and 206 retun code.

Post's attachments

juicebox partial content 206.png 552.09 kb, file has never been downloaded. 

You don't have the permssions to download the attachments of this post.

4 (edited by motoko 2018-04-13 07:55:55)

Re: juicebox get stuck on loading some images

Here is screenshot of partial content with cache on, and no-transform option.

this does not help:
https://www.juicebox.net/support/faq/#troubleshooting-9
as you can see, its in headers...

Post's attachments

juicebox partial content 206 cache.png 767.25 kb, file has never been downloaded. 

You don't have the permssions to download the attachments of this post.

Re: juicebox get stuck on loading some images

I've just tried viewing your gallery in a couple of different browser (Chrome and Edge) than the one I was using before (Firefox) and the gallery loaded all your images in both browsers without any problem.

I'm sure you'll have much more knowledge about web servers than I do but, if the problem was a server-related issue, I would expect to see the same results that you describe. It sounds like we can rule out the web server as being a probable cause (at least for the time being).

If you have exactly the same problem in all your browsers, then the problem is unlikely to be a browser specific problem.

This leaves your internet connection (please check to see if it is stable at the moment) and your computer as two other variables in this equation.

There really seems to be no problem with the gallery on your server (at least from my perspective) and your images load quickly in all browsers I've viewed your gallery in myself (with none failing to display).

Maybe you have some security software installed which is somehow interfering with the loading of your gallery images. Try temporarily turning off any security software that you have installed (at your own risk) to see if this makes a difference.

Also, what happens when you try to display the gallery images directly in your browser (bypassing Juicebox-Pro).
For example, try opening:

https://foto.motoko.eu/2018_winter_cz/images/Olesnice_bezky_1.jpg

... and then

https://foto.motoko.eu/2018_winter_cz/images/2018-02-02-DSCN0018-truck-z-lanovky.jpg

... etc.
Do they all display fully or do some fail to display (like in the gallery)?

Re: juicebox get stuck on loading some images

When i open standalone images, they load fully without problem.
I think, the problem is somehow in multi loading with multi headers in short time.

You are right, the problems is out of Juicebox.
I will try to dig deeper.

If i will find solution, I will let You know...

Thank You for Your time.

Re: juicebox get stuck on loading some images

Try changing JuiceboxBuilder-Pro's imagePreloading (in JuiceboxBuilder-Pro's 'Customize -> Main Image' section) from its default value of PAGE to NEXT to see if this helps.

For reference, a short description of imagePreloading and its possible values can be found in the Main Image section of the Config Options page.

Re: juicebox get stuck on loading some images

This is very good idea, thx. Now i get 200 return code. But the image is still not loaded. I belive it is problem of browser/network. But it must be connected with Javascript.

200 code with no-cache on screenshot:

Post's attachments

juicebox retun 200 not loaded.png 533.41 kb, 1 downloads since 2018-04-13 

You don't have the permssions to download the attachments of this post.

Re: juicebox get stuck on loading some images

Standalone image just after first screen loaded on fisrt try:

Post's attachments

juicebox standalone image loaded on first time.png 776.14 kb, file has never been downloaded. 

You don't have the permssions to download the attachments of this post.

Re: juicebox get stuck on loading some images

Are You using some jQuery Ajax function for GET images ?

Re: juicebox get stuck on loading some images

As far as I am aware, jQuery $.ajax is used to GET the gallery's configuration file ('config.xml') and then the images are loaded into dynamically-generated <img> tags (having had their imageURLs read from the 'config.xml' file).

Is there something out of the ordinary about your internet connection/network that might be causing the problem?
Your gallery certainly looks fine to me.

Re: juicebox get stuck on loading some images

Hello.

This problem is really not in the network, becouse when i open image in new window, it work perfectly. So its in the Javascript.
And i dont have any problems with any other webpage on internet.
And as web developper, you cannot sell software which is running only on your computer :)

I did some digging, and i think, that you are maybe somehow manipulating with the image before is fully loaded. Or the script finish before image is loaded. Becouse on 3g/4g the loading time is bigger then in your computer.

So its probably related with slow loading time. 

I must ask you, are you using some debuging? There are many articles with same or similar issues:
https://www.google.com/search?q=jquery+ … not+loaded
https://www.google.com/search?q=jquery+ … oken+image

Really thank you for your support.

Re: juicebox get stuck on loading some images

You can tell me how to turn on debuging, and i will send you the report.

Re: juicebox get stuck on loading some images

I still have no issue displaying your gallery in my own browsers (with empty caches).
All images in your gallery load quickly and completely for me.

The gallery is generated by the 'juicebox.js' JavaScript file. Essentially, Juicebox reads the imageURL data from the 'config.xml' file and displays the images via dynamically generated <img> tags (scaling the images according to the imageScaleMode value).

I see no problem with your gallery online and the variable factors in the equation are our respective internet connections and computers/browsers. The gallery itself on your web server seems fine and works for me so it appears that the problem lies either with your internet connection or computer/browser.

Unfortunately, I cannot explain why some images do not load for you. If your browser's developer tools suggest that the images are timing out before loading completely, then this sounds like a network connection problem.
Even if the problem was a JavaScript one (which seems unlikely as you are the only user to have reported such a problem), there is little that could be done as the 'juicebox.js' JavaScript file is obfuscated and cannot be modified.

  • Do you see the same problem with any (or all) of our demo galleries online here?

  • Do you see the problem in all browsers (Edge, Chrome, Firefox, Internet Explorer, Opera, Safari) or just certain ones?

  • Have you tried temporarily disabling any browser extensions that you may have installed in the browser(s) that demonstrate the problem?

Juicebox does not have a debug mode (at least, not in the sense that you would need).
You can set debugMode="TRUE" in your gallery's 'config.xml' file (as noted here) but this just allows you to set configuration options via a query string in the URL (please see here for details) without needing to edit the gallery's HTML or XML files.

As you have mentioned 3G/4G, please also see this FAQ (although it sounds like you may already have switched 'no-transform' on).
Why can't I view my gallery on a 3G mobile connection?

Re: juicebox get stuck on loading some images

I just bought new LTE router for 100e, and it work like charm. No problems.
I wil ltry some more tests with mobile phone connection.
Maybe it was hardware issue ? Will let you know.
Thx for support.

Re: juicebox get stuck on loading some images

I'm glad that you seem to have found the root of your problem. Thank you for letting me know.
Hopefully things will run smoothly for you from now on.