preload css-background-images for jquery transition in sencha-touch

Question

in my sencha-touch appp I have a jquery animation of the backbround-images via CSS-transition. the problem is that the fades to the next images doesn't work unit every image has been fully loaded once. so the first round of the slideshow isn't smootly changig.

is there any way to preload the images used as css-background-images? thnx!

Answer 1

In jQuery you can use something like this to preload images:

$('<img/>').attr('src', 'image.png').load(function() {
//... do stuff.
});

Edit: Here is the function reference: .load()