When a div is hidden (display:none) the browser will not load the images that are inside it. Is there a way to tell the browser to load the image?
display:none
You could try pre-loading the images using jquery - check out this SO answer:
Preloading images with jQuery
This should pre-load them before you even decide to display them.