Time for action – setting up a simple photo gallery

We'll walk through the creation of 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 heading and a list of thumbnails as shown in the following code:

   <div class="content">
     <h1>Ireland</h1>
   </div>
   <ul class="thumb-list">
     <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 src="images/thumbs/cliffs-of-moher.jpg" alt="Cliffs of Moher"/></a></li&gt...