This photo gallery will automatically build itself from a directory of images, including sub-directories and the images inside them. Images open in a nice looking jQuery lightbox. 
Links from Video:
<ul>
<li><a href="https://css-tricks.com/examples/ImgBrowz0r/">Demo</a></li>
<li><a href="http://61924.nl/projects/imgbrowz0r.html" rel="noopener">ImgBrowz0r</a></li>
<li><a href="http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/" rel="noopener">prettyPhoto jQuery plugin</a></li>
</ul>…

This photo gallery will automatically build itself from a directory of images, including sub-directories and the images inside them. Images open in a nice looking jQuery lightbox. Links from Video: Demo ImgBrowz0r prettyPhoto jQuery plugin …

This photo gallery will automatically build itself from a directory of images, including sub-directories and the images inside them. Images open in a nice looking jQuery lightbox. 
Links from Video:
<ul>
<li><a href="https://css-tricks.com/examples/ImgBrowz0r/" rel="noopener noreferrer">Demo</a></li>
<li><a href="http://61924.nl/projects/imgbrowz0r.html" rel="noopener noreferrer">ImgBrowz0r</a></li>
<li><a href="http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/" rel="noopener noreferrer">prettyPhoto jQuery plugin</a></li>
</ul>…

#64: Building a Photo Gallery

CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design. Code samples can be extremely helpful, but sometimes it is even more helpful to watch someone as they code. In CSS-Tricks Screencasts will show you real live CSS and HTML code being written and tested right on the screen. Topics will vary but will always center around design and usability.

Share #64: Building a Photo Gallery

Sign up to save your podcasts

#64: Building a Photo Gallery

#64: Building a Photo Gallery