jQuery Projects Creating an Interactive Video Gallery
Author: Chris Converse
In this course, author Chris Converse develops an interactive
video gallery for the web, working in a coding environment
using a combination of HTML5 with a Flash fallback, CSS, and
the open-source JavaScript library jQuery. The course shows
how to design the site layout and construct the code for a
player that works on multiple web browsers, platforms, and
mobile devices. Techniques to enable HTML5 video on Android
and ensure that older versions of Internet Explorer default
to Flash instead of HTML5 are also demonstrated. Exercise
files accompany the course.
Topics include:
* Preparing the graphics
* Adding and linking thumbnail buttons
* Designing the layout
* Adding jQuery and JavaScript
* Including video information in the thumbnail links
* Styling the thumbnails with CSS rules
* Creating a DIV container to hold the video player code
* Setting up click events for the thumbnails
* Incorporating the FancyBox lightbox plug-in
Topics include:
* Preparing the graphics
* Adding and linking thumbnail buttons
* Designing the layout
* Adding jQuery and JavaScript
* Including video information in the thumbnail links
* Styling the thumbnails with CSS rules
* Creating a DIV container to hold the video player code
* Setting up click events for the thumbnails
* Incorporating the FancyBox lightbox plug-in
| Lynda.com Dw jQuery Projects Creating an Interactive Video Galler 英文正式版 |
|
| Lynda.com Acrobat 9 Pro Creating Multimedia Projects 英文正式版(Acrobat 9 創建多媒體項目教程軟體)(DVD版) |
|
| Lynda.com Photography Video Workflow Final Cut Pro plus Canon 5D Mark II 英文正式版(Final Cut Pro與佳能5D Mark II工作流程軟體)(DVD版) |
|
| Lynda.com InDesign CS4 Interactive Documents and Presentations 英文正式版(Adobe InDesign CS4 交互式文檔與演示教程軟體)(DVD版) |
|
| Lynda.com Pitching Projects and Products to Executives 英文正式版(項目和產品管理視頻教程軟體) |
|
| Lynda.com Audio for Film and Video with Pro Tools 9 英文正式版(DVD版)(Lynda.com 出品利用 Pro Tools 9 製作影片或視頻的音頻教程軟體) |
|
| Lynda.com InDesign CS4 10 Things to Know About Interactive 英文正式版(Adobe InDesign CS4教程軟體) |
|
