On the staging link below, the first image loading in the ztools banner slideshow doesn't span the page - only on the first image change (whether via autoplay or click). This happens whether the instance is set to load JQuery or not. Load order would be first except I cannot uninstall the old JBMaps from the module list though the module folders and assets don't actually exist on the site.

--> link <--

J 3.3.3
ZTools 1.13.2
T3 2.3.1

Do you have lazy load loading from the effects tab?

Cheers
Paul

No - should I?

Guess I should I turned it off at an earlier stage because it was interfering with something else.

If you haven't then what I said is no use

Which browser are you using as the first image loads ok for me

Cheers
Paul

My comment was backward - I turned it off at an earlier stage, and until your helpful observation, had forgotten to turn it back on.

Lazyload can cause problems - its a normal method of attack with images either turn it on or turn it off

Cheers
Paul

Actually, that only solved the problem on some browsers. Adding some code to the head of the document seems to have fixed it:



I found the reference at http://www.appelsiini.net/projects/lazyload

You can exclude divs using the lazyload selector also

Cheers
Paul

But thanks for the solution

Toggling lazyload wasn't working in Firefox.

I found this solution from following threads by other joomla and wordpress users with the same problem.

it stems from the lack of both a width AND height declaration to the image being loaded first, so it defaults to invisible (at least in FF Mac). This fixed the issue for me on three sites.

Right ok - I'm a PC user so will ask anthony about this later today

Thanks again

Cheers
Paul