Colorbox activity indicator no longer displaying during image load

tplowe56

The Colorbox activity indicator is no longer displaying during image load,

Recently updated to ZP 1.4.4 & Theme zpArdoise 1.4.4

Not sure if this is the cause or it was introduced by my customizations.

Trying to figure out what could have caused it to stop displaying.

I have loaded the latest Colorbox code from Jack Moore vers. 1.3.23 & still no indicator.

acrylian

Sorry, no idea. We actually use the plain five(?) standard themes that come with Colorbox and did not change anything.

Does it work with the colorbox demo files you download? If so there must be probably a browser error about a missing file or something.

tplowe56

I only use standard Colorbox Theme also, my customization has only been to CSS for image & thumbnail layout, nothing to Colorbox. I have reinstalled ZP 1.4.4 and zpArdoise & used with default settings & the activity monitor still will not show.

I does show on the zpArdoise demo site.

The activity monitor is a gif named "loading.gif". For some reson this is not being triggered to run while image loads.

The result is a blank white pop-up, so user does not know to wait when loading hi-res image.

I've tried to search for problem in error logs but nothing shows up when pop-up is invoked.

tplowe56

The ZP Demo pages on this site that use ColorBox are also not showing the loading.gif. It displays correctly at other sites. And it also displays correctly at zpArdoise demo where he is using v.1.4.3.5 of ZP.

I think this is an issue with ZP v.1.4.4 as that seems to be the only place where the issue is exhibited.

I tried to degrade to version 1.4.3.5 but I could not get the install or the site to load after uploading the required files.

acrylian

I just tried, there is no one on the official colorbox demos as well. At leat for me using Safari 6. Since images are directly opened generally there is probably none meant to be there anyway.

Btw, I think that generally everyone who does not use the net since today will get the idea that something is loading hopefully...:)

tplowe56

There certainly is is a "loading.gif" displaying at http://www.jacklmoore.com/colorbox/example1/
Please clear your cache. Thedemo images are very small so they load very quickly.

My site has some hi res photos in some areas and take ea few seconds too load on a 20mb connection.

From my research the activity monitor represented by the orange "laoding.gif" is the default display, and ZP 1.4.4 is not showing it.

The use of a an activity monitor is the default appearance when a user has to wait for content to laod on the internet.

"Btw, I think that generally everyone who does not use the net since today will get the idea that something is loading hopefully...:) " Does not make sense.....I need to roll back 1.4.4

tplowe56

Found some big changes to zpArdoise introduced for 1.4.4

There is a new folder "colorbox_js" with the Colorbox CSS in it. The CSS differs from the CSS supplied by Jack Moore.

Maybe the problem is with zpArdoise theme. I thought it was ZP since the monitor does not show up on your demos either, but that may just be a coincidence.

acrylian

I have no idea about zpArdoise. Yes, theme can use a custom theme (you can also put one into /plugins/colorbox_js).

Anyway, I tried the original colorbox themes on its site and in Safari 6 with cleared and disabled cache I don't see any loading images.

"Btw, I think that generally everyone who does not use the net since today will get the idea that something is loading hopefully...:) " Does not make sense.....I need to roll back 1.4.4

I meant that anyone who ever used a website might get the idea that something might be loading.

tplowe56

I see the "loading'gif" at all (except ZpDemo) sites using Safari (on PC)

Jack Moore's image's are too small to see the gif, but I saw it flash for a second on first image. Slideshow is on auto & next image is preloaded so you won't have chance to see it after first image. Try

Vincent Bourganel uses larger images and loading.gif shows quite often (using Safari)
www.vincentbourganel.fr

fdnyfish

Im was running ZP 1.4.4 & Theme zpArdoise 1.4.4 with no issues

I just receintly shut off colorbox (just to change things up a bit)

tplowe56

OK...Finally found the issue. I am using the Colorbox theme "example1". After I replaced the CSS with the proper code everything is back to normal.

The CSS file in the folder "example1" as shipped with ZP.1.4.4 does not match the previous version shipped with ZP nor does it match the code downloaded from Jack Moore's ColorBox_js site.

Path: zenphoto-1.4.4.4\zenphoto\zp-core\zp-extensions\colorbox_js\themes\example1\colorbox.css

THIS IS THE CORRECT CODE:
`
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
`
CODE AS SHIPPED WITH ZP.1.4.4
`
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
`
LINE 11 MISSING: `height:100%;`
LINE 13 MISSING: `max-width:none;`
LINE 15 MISSING ENTIRE LINE

I did not check the CSS for the other Colorbox themes.

It should be noted that zpArdoise is now shipped with it's own custom theme for ColorBox (this is a new option) that is available in the drop down menu for the ColorBox theme, in the colorbox_js plugin settings.

acrylian

Hm, maybe that got lost with the migration from svn to github as I am sure I did updated them.

Anyway, you are right. Please try the support build.