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
Topics include:
Preparing gallery photos using Adobe Bridge
Adding and linking thumbnail images
Creating the layout in HTML and CSS
Downloading and adding jQuery to the project
Creating preview images from anchor links
Implementing the preload functionality
Building a customized lightbox with the Fancybox plug-in
Styling the zoom and contact links
Download File Size:336.33 MB