treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Displaying 100s of images on one webpage.

  • Hellos,
    I have a website which has a page having more than 100 images. This slows down the loading of page.
    Is there any known way to handle this issue?

    I thought of having two options -
    1) Load the crude version/pixelated version of images and then sharpen it over the time.
    2) Divide the image gallery in pages. For eg. dynamically create pages with 20 images per page.

    Please suggest me which one is more feasible and If possible guide me through it too.

    Thanks in advance!

    kind regards,
    Ankit JC.
  • You could use something like this http://www.appelsiini.net/projects/lazyload so that only the image within view are loaded.
  • oh.. this looks like what i need. I'll try this out today. Thank you.

    But, still holding on to my question,
    Is there a dynamic way to create pages with n number of images per page?
    for ref. http://www.linas-crochet.com/gallery.html
    I want this gallery page to dynamically split into multiple pages with fewer records, but couldn't think of any way to automate it.

    Experts, can i have your word on this please?
  • I have 100 pics on my page. All decent size too. I ended up APing the gallery were I wanted it but put the gallery all the way at the bottom. So the page appears to load quick. Just takes a bit for the pics to show.