Click a thumbnail, display loading gif, image loads, gif disappears

I'm new to jQuery and I'm trying to code a page in jQuery that allows the user to see a loading spinner while the larger version of the thumbnail they just clicked loads above, and then have it dis开发者_如何学编程appear after the image is done loading.

I would recommend ColorBox for that. Alternatively, this example pretty much does exactly what you want.