Show loading indicator with jQuery

Question

I have a

with an image slider in an

. There are 12 images, and it takes some time to load all of them. While the images load,

Answer 1

You can use the jQuery load() function. It will run the code once the image has loaded. So if you have a gif shown, once the image has loaded, it will hide it.

Javascript

$('img#id').load(function(){
    $('#loadingGif').hide();
});

HTML