Introduction
Previewing the project across browsers and devices 05m 32s
About the exercise files 02m 19s
09m 49s
1. Preparing the Gallery Photos Renaming a series of files in Adobe Bridge 03m 07s
Using GREP for more intricate file renaming 06m 42s
29m 05s
2. Creating the Layout in HTML and CSS Creating and linking HTML and CSS files 01m 32s
Save For Web & Devices in Photoshop 07m 02s
Creating empty CSS rules 03m 55s
Create, nest, and class DIV tags 06m 00s
Adding CSS properties for main container 04m 00s
Adding CSS properties for content area 04m 28s
Adding CSS properties for headings 02m 08s
15m 55s
3. Adding and Linking Thumbnail Images Adding and linking the thumbnail images 02m 32s
Styling the thumbnail links with CSS 05m 15s
Downloading and adding jQuery to your project 02m 42s
Overriding the browser's default link behavior 05m 26s
11m 10s
4. Incorporating the Preview Images Creating preview images from anchor links 01m 52s
Changing the preview when clicking thumbnails 05m 59s
Changing the caption when clicking thumbnails 03m 19s
12m 00s
5. Adding a Preloader Adding an image preload plug-in for jQuery 02m 22s
Setting a dissolve transition between previews 04m 31s
Implementing the preload functionality 05m 07s
15m 20s
6. Adding a Lightbox Adding a lightbox plug-in for jQuery 02m 02s
Creating a custom function for lightbox properties 07m 38s
Setting links to activate the lightbox feature 05m 40s
03m 40s
7. Taking Care of the Final Details Initializing the gallery on page load 03m 40s
05m 11s
8. Styling the Hyperlinks Adding icons and styles to the zoom and contact links 05m 11s
02m 43s
9. Where to go from here Some ideas for further enhancements 02m 43s