中文名: jQuery開發創建交互式視頻庫教程
英文名: Lynda.com jQuery Projects Creating an Interactive Video Gallery
資源格式: 光盤鏡像
主講人: Chris Converse
發行日期: 2011年
對白語言: 英語
文字語言: 英文
簡介:

語言：英語
網址：http://www.lynda.com/jQuery-1-5-tutorials/jQuery-Projects-Creating-an-Interactive-Video-Gallery/85999-2.html
類別：教程
（xuehui@TLF）
Lynda.com 出品的時長59分鐘的 jQuery開發:創建交互式視頻庫 視頻教程。由Chris Converse講述在編寫程序環境中HTML5結合Flash fallback，CSS和開源JavaScript library jQuery的使用技巧。演示了設計網站布局與構建一個播放器工作在多個網頁浏覽器平台和移動設備上，用Android系統上的HTML5視頻替換Internet Explorer默認的舊版本Flash方面的技術等。本教程附帶練習文件。
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
Course name:
jQuery Projects: Creating an Interactive Video Gallery
Author:
Chris Converse
Duration:
59m 53s
Released on:
7/28/2011
下載鏈接來自TLF
未經過安裝測試與安全檢測，使用者後果自負與本論壇無關
軟體版權歸原作者及其公司所有，如果你喜歡，請購買正版
目錄:
Introduction
Previewing the project across browsers and devices 03m 31s
Using the exercise files 01m 32s
Downloading and setting up Aptana Studio 01m 02s
02m 22s
1. Preparing the Graphics Exporting image slices from Photoshop 02m 22s
17m 44s
2. Setting Up the Project Files Creating new CSS and HTML files 05m 24s
Defining the CSS rules 08m 20s
Adding the HTML markup 04m 00s
17m 19s
3. Adding JavaScript to Your Project Adding jQuery and JavaScript to your project 04m 16s
Adding HTML to the thumbnail links with JavaScript 07m 54s
Creating the CSS for the injected HTML 05m 09s
11m 09s
4. Setting Up the Video Player Code Creating a div container to hold the video player code 08m 11s
Manually invoking FancyBox 02m 58s
04m 10s
5. Choosing Experience Options for iOS and Android Activating video for Android and bypassing the lightbox 04m 10s
01m 04s
Conclusion Where to go from here 01m 04s
代碼

.· ░░░ ·■. ▀ ▓▄■ ■ ▄░ ■▄░ ▀▄ zk ■
▄▓█████▓▄ ▀▄ · ▄▓ ▄███▄░ ▄▄▄▄████ ░▄███▄ ▀▓█▄▄▄▄▄▄░ ·
████▀▀▀███▄ ██▄ ▄██ █████████▄ ▒█████▀▀██ ▄█████████▄ ██████████▄
▒███ ▓██░███ ███ ▓██▀ ▀██▓ ▓██▓ ▓██░███▀ ▓███ ███ ▀██▓
▓███ ▓██▓███░ ███░███░ ▓██░███░ ▄██▀ ██▓ ░███░███ ▓█▓
▓███ ▓██████░ ███████ ▀██████ ▀ ██▀ ███▓███░ ▄▓█▓
▓██▓ ███████░ ████████████████████████████████████████████████▀▀
▒██▓ ░▄ ███▓███░ ███░██▀▀▀▀▀▀▀██▓▀▀▀▀▀▀▀▀███▓██▀▀▀▀▀▀▀██▀███▀▀▀▀███▄
███▄ ▓█▄███░███░ ███░███░ ▓██░ ▄▄▄■ ███░██▓░ ░███ ▓██ ███░
▀█████████░ ███▓░ ▄███ ██▀ ▀██ ███ ░██▓ ██▀ ▓██ ▓██ ▓██▓
▀▀▓▓░███▄ ▀█████████▀ █▀ ▀█ ████▄▄▄███▒▄▀ ▀█▓███ ░███
▀██▄ ▀▀▓▓░▀▀ ▀ ▀ ▀▀█████▀▀ .░ ▓██
▀ .· ▄█▀
▀ ▀
QUASAR PROUDLY PRESENTS
· ───────────────────────────────────────────────────────────────────────── ·
jQuery Projects Creating an Interactive Video Gallery
(c) Lynda.com
Supplier . : QUASAR Size ..... : 28 x 15MB
Cracker .. : QUASAR Protection : Condom
Packager . : QUASAR Type ..... : Brain Enhancement
Date ..... : 07–29–2011 OS ....... : Win/Mac
· ───────────────────────────────────────────────────────────────────────── ·
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
· ───────────────────────────────────────────────────────────────────────── ·
INSTALLATION
────────────
Unpack, burn or mount and enjoy.
· ───────────────────────────────────────────────────────────────────────── ·
GREETINGS
─────────
We salute our friends, our loyal members and our fair competitors.
· ───────────────────────────────────────────────────────────────────────── ·
░▓██████████████▓░ ··· THE ALMIGHTY QUASAR · 2011 ··· ░▓██████████████▓░
· ───────────────────────────────────────────────────────────────────────── ·