|
游客,本帖隐藏的内容需要积分高于 1 才可浏览,您当前积分为 0
资源信息:
中文名: 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 ··· ░▓██████████████▓░
· ───────────────────────────────────────────────────────────────────────── ·
|