v

您的位置:VeryCD教育计算机


《Lynda.com出品jQuery开发视频教程》(Lynda.com jQuery Projects: Creating an Interactive Photo Gallery)[光盘镜像]

  • 状态: 精华资源
  • 摘要:
    主讲人Chris Converse
    发行日期2011年
    对白语言英语
    文字语言英文
  • 时间: 2011/04/30 22:51:49 发布 | 2011/05/01 06:55:04 更新
  • 分类: 教育  计算机 

MTina

精华资源: 3862

全部资源: 3863

相关: 分享到新浪微博   转播到腾讯微博   分享到开心网   分享到人人   分享到QQ空间   订阅本资源RSS更新   美味书签  subtitle
该内容尚未提供权利证明,无法提供下载。
中文名Lynda.com出品jQuery开发视频教程
英文名Lynda.com jQuery Projects: Creating an Interactive Photo Gallery
资源格式光盘镜像
学校Lynda.com
主讲人Chris Converse
发行日期2011年
对白语言英语
文字语言英文
简介

IPB Image
语言:英语
网址: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

正在读取……

这里是其它用户补充的资源(我也要补充):

暂无补充资源
正在加载,请稍等...

点击查看所有25网友评论

 

(?) [公告]留口水、评论相关规则 | [活动]每日签到 轻松领取电驴经验

    小贴士:
  1. 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  2. 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
  3. 勿催片。请相信驴友们对分享是富有激情的,如果确有更新版本,您一定能搜索到。
  4. 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
  5. 如果您发现自己的评论不见了,请参考以上4条。