I would like to create a page which has 12 – 20 thumbnailed images across the top, and as the user rolls over the thumbnail a fullsized version appears below the thumbs (I’m sure you’ve seen similar pages).
My questions:
– What is the best way to ensure the page loads quickly? I don’t mind if the user has to wait (a little) for the full sized image to load, but not the initial page with thumbs.
– What is the best way to maintain flexibility so I can quickly change the images, and the number of images? (i.e. One week there are 14 pictures, and the next week there are 16 new pictures.)
I’ve found numerous tutorials or sites which do this, but they do it in sometimes vastly different ways. I’ve yet to find a thorough explanation of the different ways to handle this, and why/when one option is better than others. I’m extremely comfortable optimizing images, but not as experienced as a web developer.
Thanks in advance for your help and insight.