We'll walk through creating a simple photo gallery with the Colorbox plugin:
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 src="images/thumbs/cliffs-of-moher.jpg" alt="Cliffs of Moher"/></a></li> <li><a href="images/dublin.jpg" title...