Hi there,

I had trouble right now to make a 'spinner' or a loading image progress while an image been load into my site... Actually I had a list of thumbnail images, when user click on it it will show the larger version of it. Currently Im using JS to accomplished that, and it work ok. However when testing in my site(I tested it offline before this), I realised that when ever user click on it, the image didnt show there instead it will just 'POP-UP' which can make people think it didnt work and left the page. Err to see how it work you can view it here: the site.

I had googling around and found about spinner but then it too complicated for me :P. So rite now I need any opinion from you guys, what is the best way to achieve this thing. Im thinking about maybe using a different div and once user click on the thumbnail, it will show the respective div. But then, it might make my page load much slower isnt it?

Thanks in advance guys

Try this script to do it:
http://stackoverflow.com/questions/5...via-javascript

and here's a site with some default 'spinners'
http://www.ajaxload.info/