Home»2022»July»25»Lynda Create an Interactive Photo Gallery with jQuery and Dreamweaver
09:39:21
Lynda Create an Interactive Photo Gallery with jQuery and Dreamweaver
Included Exercise Files
Skill Level : Beginner
Released : 5/7/2012
Duration : 8h 24m
Language : English
Size : 608,87 Mb
Shows how to develop an interactive photo gallery for a web site using HTML, CSS, and jQuery.In Create an Interactive Photo Gallery with jQuery and Dreamweaver, 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. Download a copy of the finished web site here.
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
