Grow your CSS skills. Land your dream job.

Script & Style Exclusive: Automatically Generate a Photo Gallery from a Directory of Images

Published by Chris Coyier

UPDATE: Script & Style is closed, but an updated version of this article is now on David Walsh's site.

Just a quick note that I wrote up a tutorial (with demo and download) on how to Automatically Generate a Photo Gallery from a Directory of Images as an exclusive for Script & Style.

There will be exclusive articles posted from time to time on Script & Style as well as, of course, the regular stream of links aimed at helping you be a better designer and developer. Snagging the feed might be a good idea =)

I'd like to encourage folks, if you have a cool idea for a tutorial you want to write, to pitch it to me. I'd like to start paying people for cool exclusive tutorials, but rather than just set a flat rate I'd rather base it on the complexity/length/effort/coolness of the tutorial. Send in your idea at the Script & Style contact form.


  1. Jason
    Permalink to comment#

    You rock! Thanks Chris. This is just what I was look for.


  2. Is an excellent resource, thanks for share i will use it in a project :D

    Williams Molina

  3. Josh
    Permalink to comment#

    Beautiful script, the only thing … it looks like I need to reload images every time I go prev/next … Opera 9.5.1

  4. Kevin
    Permalink to comment#


  5. Permalink to comment#

    This was a great tutorial. I didn’t use it exactly as it was presented but, there were lots of little things in there that proved useful for my project. Keep up the great work. This site and the screencasts have really been helpful in terms of understanding site design and good coding techniques.

  6. Permalink to comment#

    Cool. A month ago I looked for a good solution, I ended up with an ugly php-script. Now you came along with a much more satisfiying solution.

    Thanks again Chris.

  7. Permalink to comment#

    It dosen’t generate Thumbs.

  8. Este script al parecer no es del todo compatible Opera Browser :(

    tis script is not entirely compatible with Opera Browser :(

This comment thread is closed. If you have important information to share, you can always contact me.

*May or may not contain any actual "CSS" or "Tricks".