jQuery Projects: Creating an Interactive Photo Gallery

MOV | AVC 365kbps | English | 960x600 | 30fps | 1h 52mins | AAC mono 96kbps | 311 MB

Genre: Video Training

In jQuery Projects: Creating an Interactive Photo Gallery, author Chris Converse develops an interactive photo gallery for a web site using HTML, CSS, and the open-source JavaScript library jQuery. The course begins with tutorials on extracting different-sized images sets from an original photo collection, designing the site layout, and constructing the HTML and CSS. Then, following the progressive enhancement strategy, Chris utilizes JavaScript plug-ins to include lightboxes and other types of interactivity while maintaining backwards compatibility with older browsers and devices. Exercise files accompany the course.

Introduction

1. Preparing the Gallery Photos

2. Creating the Layout in HTML and CSS

3. Adding and Linking Thumbnail Images

4. Incorporating the Preview Images

5. Adding a Preloader

6. Adding a Lightbox

7. Taking Care of the Final Details

8. Styling the Hyperlinks

9. Where to go from here