資料介紹

• 網頁編程教程
• 計算機資料
• javascript視頻教程

語言：英語
網址：http://www.lynda.com/jQuery-1-5-tutorials/jQuery-Projects-Creating-an-Interactive-Photo-Gallery/80446-2.html
類別：教程



（xuehui@TLF）
Lynda.com 出品的時長1小時52分鐘的 jQuery開發:創建交互式圖片庫 視頻教程。由Chris Converse演示使用HTML，CSS和開源JavaScript框架的jQuery開發一個網站的交互式圖片庫。從原始圖片集中的不同大小圖片的提取，網站布局設計，構建HTML和CSS。到逐步完善策略，使用JavaScript插件(比如lightboxe或其他交互式類型)，同時能保證向下兼容低版本浏覽器和設備。教程附帶練習文件。

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.

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

Course name:
jQuery Projects: Creating an Interactive Photo Gallery

Author:
Chris Converse

Duration (hh:mm:ss):
01:52:00

Released on:
4/27/2011

下載鏈接來自TLF
未經過安裝測試與安全檢測，使用者後果自負與本論壇無關
軟體版權歸原作者及其公司所有，如果你喜歡，請購買正版