Time for action — setting up a simple photo gallery

We'll walk through creating a simple photo gallery with the Colorbox plugin:

  1. We'll get started by setting up a basic HTML page and associated files and folders just like we did in Chapter 1, Designer, Meet jQuery. The body of the HTML document will contain a list of thumbnails:
    <ul class="thumb-list"> <li><a href="images/abandoned-house.jpg" title="Old Abandoned House" rel="ireland"><img src="images/thumbs/ abandoned-house.jpg" alt="Abandoned House"/></a></li> <li><a href="images/cemetary.jpg" title="Celtic Cemetary with Celtic Crosses" rel="ireland"><img src="images/thumbs/cemetary.jpg" alt="Celtic Cemetary"/></a></li> <li><a href="images/cliffs-of-moher.jpg" title="Cliffs of Moher" rel="ireland"><img ...

Get jQuery for Designers Beginner's Guide now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.