I am creating a website that requires a page to have over 100 small images (between 80x80px up to 100x100pxs in a gallery type interface. I will also need to have a hover over box with description for each box.
I am also considering using a mysql database to staore each of the images details incase I need to update it later. (Its a kinda of game for my family and friends).
As I said the page has 100 images plus the background and header. When Im at home on my broadband connection this loads fine. However, if I connect through my mobile phone when at work (not sure if thats even as fast as 56k dial up) then the page doesnt even load properly.
My questions are regarding how should I load this page? Ive been trying to find a script that loads page contents first and then loads an iframe afterwards as I thought if I put these images in an iframe then it may help with loading.
Also ... does anyone know which would be faster if at all ....
Loading image names and details from the database
simply loading from static code on page?
Are there any AJax scripts that may speed things up or CSS / other methods?
If possible I would like to load the parent images and details first then show these 100images as the last to be loaded so that they have something to look at.