[www.ed2k.online]下載基地為您提供軟件、遊戲、圖書、教育等各種資源的ED2K電驢共享下載和MAGNET磁力鏈接下載。
設為首頁
加入收藏
首頁 圖書資源 軟件資源 游戲資源 教育資源 其他資源
 電驢下載基地 >> 其他资源 >> 電腦基礎 >> 《Lynda.com出品jQuery開發視頻教程》(Lynda.com jQuery Projects: Creating an Interactive Photo Gallery)[光盤鏡像]
《Lynda.com出品jQuery開發視頻教程》(Lynda.com jQuery Projects: Creating an Interactive Photo Gallery)[光盤鏡像]
下載分級 其他资源
資源類別 電腦基礎
發布時間 2017/7/13
大       小 -
《Lynda.com出品jQuery開發視頻教程》(Lynda.com jQuery Projects: Creating an Interactive Photo Gallery)[光盤鏡像] 簡介: 中文名 : Lynda.com出品jQuery開發視頻教程 英文名 : Lynda.com jQuery Projects: Creating an Interactive Photo Gallery 資源格式 : 光盤鏡像 學校 : Lynda.com 主講人 : Chris Converse 發行日期 : 2011年 對白語言 : 英語 文字語言 : 英文 簡介 :
電驢資源下載/磁力鏈接資源下載:
全選
"《Lynda.com出品jQuery開發視頻教程》(Lynda.com jQuery Projects: Creating an Interactive Photo Gallery)[光盤鏡像]"介紹
中文名: Lynda.com出品jQuery開發視頻教程
英文名: Lynda.com jQuery Projects: Creating an Interactive Photo Gallery
資源格式: 光盤鏡像
學校: Lynda.com
主講人: Chris Converse
發行日期: 2011年
對白語言: 英語
文字語言: 英文
簡介:

語言:英語
網址: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
代碼

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

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

目錄:
Introduction
Previewing the project across browsers and devices 00:05:32
About the exercise files 00:02:19
00:09:49
1. Preparing the Gallery Photos Renaming a series of files in Adobe Bridge 00:03:07
Using GREP for more intricate file renaming 00:06:42
00:29:05
2. Creating the Layout in HTML and CSS Creating and linking HTML and CSS files 00:01:32
Save For Web & Devices in Photoshop 00:07:02
Creating empty CSS rules 00:03:55
Create, nest, and class DIV tags 00:06:00
Adding CSS properties for main container 00:04:00
Adding CSS properties for content area 00:04:28
Adding CSS properties for headings 00:02:08
00:15:55
3. Adding and Linking Thumbnail Images Adding and linking the thumbnail images 00:02:32
Styling the thumbnail links with CSS 00:05:15
Downloading and adding jQuery to your project 00:02:42
Overriding the browser's default link behavior 00:05:26
00:11:10
4. Incorporating the Preview Images Creating preview images from anchor links 00:01:52
Changing the preview when clicking thumbnails 00:05:59
Changing the caption when clicking thumbnails 00:03:19
00:12:00
5. Adding a Preloader Adding an image preload plug-in for jQuery 00:02:22
Setting a dissolve transition between previews 00:04:31
Implementing the preload functionality 00:05:07
00:15:20
6. Adding a Lightbox Adding a lightbox plug-in for jQuery 00:02:02
Creating a custom function for lightbox properties 00:07:38
Setting links to activate the lightbox feature 00:05:40
00:03:40
7. Taking Care of the Final Details Initializing the gallery on page load 00:03:40
00:05:11
8. Styling the Hyperlinks Adding icons and styles to the zoom and contact links 00:05:11
00:02:43
9. Where to go from here Some ideas for further enhancements 00:02:43 
相關資源:

免責聲明:本網站內容收集於互聯網,本站不承擔任何由於內容的合法性及健康性所引起的爭議和法律責任。如果侵犯了你的權益,請通知我們,我們會及時刪除相關內容,謝謝合作! 聯系信箱:[email protected]

Copyright © 電驢下載基地 All Rights Reserved