Simply put, I can't get the "loading" icon to appear while the gallery images are being loaded:
I re-purposed a lot of code and scripts from this site I liked:
(His pages are .php, mine are .html. I can't see that this is the problem - the scripts aren't writing anything to a database.)
The body tag is calling the class "loading:"
<body id="wrapper" class="loading">
Both wrapper and "loading" are referenced in js/e2sDesk.js
The loader.gif is located in /images and the path is correct in my sylesheet.css:
background: transparent url(images/loader.gif) 50% 50% no-repeat;
Adding the class loading to the div id=gallery
only results in the loader.gif being displayed during image transitions, as if it's positioned BEHIND the gallery div all the time. So that's not it! I need it to appear only
while each and every image has loaded.
This "loading" icon feature is critical and the main reason I wanted to use this gallery. I'll keep tinkering with it but I could use some help - maybe someone else has coded this before?