|
0
|
1 |
|
|
|
2 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
|
3 |
<html> |
|
|
4 |
<head> |
|
|
5 |
<title>Library Examples: ImageLoader</title> |
|
|
6 |
<meta http-equiv="content-type" content="text/html; charset=utf-8"> |
|
|
7 |
<link rel="stylesheet" type="text/css" href="../../assets/yui.css" > |
|
|
8 |
|
|
|
9 |
<style> |
|
|
10 |
/*Supplemental CSS for the YUI distribution*/ |
|
|
11 |
#custom-doc { width: 95%; min-width: 950px; } |
|
|
12 |
#pagetitle {background-image: url(../../assets/bg_hd.gif);} |
|
|
13 |
/* #pagetitle h1 {background-image: url(../../assets/title_h_bg.gif);}*/ |
|
|
14 |
</style> |
|
|
15 |
|
|
|
16 |
|
|
|
17 |
</head> |
|
|
18 |
<body id="yahoo-com" class=""> |
|
|
19 |
<div id="custom-doc" class="yui-t2"> |
|
|
20 |
<div id="hd"> |
|
|
21 |
<div id="ygunav"> |
|
|
22 |
<p> |
|
|
23 |
<em> |
|
|
24 |
<a href="http://developer.yahoo.com/yui/3/">YUI 3.x Home</a> <i> - </i> |
|
|
25 |
</em> |
|
|
26 |
</p> |
|
|
27 |
<form action="http://search.yahoo.com/search" id="sitesearchform"> |
|
|
28 |
<input name="vs" type="hidden" value="developer.yahoo.com"> |
|
|
29 |
<input name="vs" type="hidden" value="yuiblog.com"> |
|
|
30 |
<div id="sitesearch"> |
|
|
31 |
<label for="searchinput">Site Search (YDN & YUIBlog): </label> |
|
|
32 |
<input type="text" id="searchinput" name="p"> |
|
|
33 |
<input type="submit" value="Search" id="searchsubmit" class="ygbt"> |
|
|
34 |
</div> |
|
|
35 |
</form> |
|
|
36 |
</div> |
|
|
37 |
<div id="ygma"><a href="../../"><img src="../../assets/logo.gif" border="0" width="200" height="93"></a></div> |
|
|
38 |
<div id="pagetitle"><h1>Library Examples: ImageLoader</h1></div> |
|
|
39 |
</div> |
|
|
40 |
<div id="bd"> |
|
|
41 |
|
|
|
42 |
<div id="bar-note"><p><strong>Note:</strong> This is YUI 3.x. Looking for <a href="http://developer.yahoo.com/yui/">YUI 2.x</a>?</p></div> |
|
|
43 |
|
|
|
44 |
<div id="yui-main"> |
|
|
45 |
<div class="yui-b"> |
|
|
46 |
<div class="yui-ge"> |
|
|
47 |
<div class="yui-u first page-examples" id="main"> |
|
|
48 |
<h2>ImageLoader: Examples</h2> |
|
|
49 |
|
|
|
50 |
<p>The ImageLoader Utility provides a mechanism to delay the loading of specfic images on a page. This allows you to, for example, defer the loading of images which are out of the browser viewport until the user begins to scroll, or to defer the loading of images in a carousel until the user mouses over the carousel's navigation controls.</p><ul><li><a href='imageloader-basics.html'>Basic Features of the ImageLoader Utility</a>: Demonstrates the basic features and operation of the ImageLoader Utility, deferring the loading of images until specific events happen or specific time limits expire.</li><li><a href='imageloader-fold.html'>Loading Images Below the Fold</a>: Loading images above the fold immediately while deferring the loading of images below the fold.</li><li><a href='imageloader-class.html'>Using ImageLoader with CSS Class Names</a>: Using CSS class names to target specific images for deferred loading.</li></ul> |
|
|
51 |
</div> |
|
|
52 |
<div class="yui-u sidebar"> |
|
|
53 |
<div id="" class="mod box4"> |
|
|
54 |
<div class="hd"> |
|
|
55 |
<h4>ImageLoader:</h4> |
|
|
56 |
</div> |
|
|
57 |
<div class="bd"> |
|
|
58 |
<ul> |
|
|
59 |
<li><a href="http://developer.yahoo.com/yui/3/imageloader/">User's Guide</a> (external)</li> |
|
|
60 |
<li><a href="../../api/module_imageloader.html">API Documentation</a></li> |
|
|
61 |
</ul> |
|
|
62 |
</div> |
|
|
63 |
</div> |
|
|
64 |
</div> |
|
|
65 |
</div> |
|
|
66 |
</div> |
|
|
67 |
</div> |
|
|
68 |
|
|
|
69 |
|
|
|
70 |
<div class="yui-b toc3" id="tocWrapper"> |
|
|
71 |
<!-- TABLE OF CONTENTS --> |
|
|
72 |
<div id="toc"> |
|
|
73 |
|
|
|
74 |
<ul> |
|
|
75 |
<li class="sect first">YUI 3.x Project</li><li class="item"><a title="The Yahoo! User Interface (YUI) Library, 3.x Branch, " href="http://developer.yahoo.com/yui/3/">YUI 3 Web Site (external)</a></li><li class="item"><a title="Examples of every YUI utility and control in action" href="../../examples/">YUI 3 Examples</a></li><li class="item"><a title="Instantly searchable API documentation for the entire YUI library." href="../../api/">YUI 3 API Docs</a></li><li class="item"><a title="The YUI Library can be downloaded from SourceForge" href="http://sourceforge.net/projects/yui/">YUI 3 on Sourceforge (external)</a></li><li class="item"><a title="YUI is free and open, offered under a BSD license." href="http://developer.yahoo.com/yui/3/license.html">YUI License (external)</a></li><li class="sect">YUI 3 Core - Examples</li><li class="item"><a title="YUI (Global Prerequisite) - Functional Examples" href="../../examples/yui/index.html">YUI (Global Prerequisite)</a></li><li class="item"><a title="Event - Functional Examples" href="../../examples/event/index.html">Event</a></li><li class="item"><a title="Node - Functional Examples" href="../../examples/node/index.html">Node</a></li><li class="sect">YUI 3 Component Infrastructure - Examples</li><li class="item"><a title="Attribute - Functional Examples" href="../../examples/attribute/index.html">Attribute</a></li><li class="item"><a title="Plugin - Functional Examples" href="../../examples/plugin/index.html">Plugin</a></li><li class="item"><a title="Widget - Functional Examples" href="../../examples/widget/index.html">Widget</a></li><li class="sect">YUI 3 Utilities - Examples</li><li class="item"><a title="Animation - Functional Examples" href="../../examples/anim/index.html">Animation</a></li><li class="item"><a title="Cache - Functional Examples" href="../../examples/cache/index.html">Cache</a></li><li class="item"><a title="Cookie - Functional Examples" href="../../examples/cookie/index.html">Cookie</a></li><li class="item"><a title="DataSchema - Functional Examples" href="../../examples/dataschema/index.html">DataSchema</a></li><li class="item"><a title="DataSource - Functional Examples" href="../../examples/datasource/index.html">DataSource</a></li><li class="item"><a title="DataType - Functional Examples" href="../../examples/datatype/index.html">DataType</a></li><li class="item"><a title="Drag & Drop - Functional Examples" href="../../examples/dd/index.html">Drag & Drop</a></li><li class="item"><a title="Get - Functional Examples" href="../../examples/get/index.html">Get</a></li><li class="item"><a title="History - Functional Examples" href="../../examples/history/index.html">History</a></li><li class="selected "><a title="ImageLoader - Functional Examples" href="../../examples/imageloader/index.html">ImageLoader</a></li><li class="item"><a title="IO - Functional Examples" href="../../examples/io/index.html">IO</a></li><li class="item"><a title="JSON (JavaScript Object Notation) - Functional Examples" href="../../examples/json/index.html">JSON</a></li><li class="item"><a title="Queue - Functional Examples" href="../../examples/queue/index.html">Queue</a></li><li class="item"><a title="Stylesheet - Functional Examples" href="../../examples/stylesheet/index.html">Stylesheet</a></li><li class="sect">YUI 3 Widgets - Examples</li><li class="item"><a title="Overlay - Functional Examples" href="../../examples/overlay/index.html">Overlay</a></li><li class="item"><a title="Slider - Functional Examples" href="../../examples/slider/index.html">Slider</a></li><li class="sect">YUI 3 Node Plugins - Examples</li><li class="item"><a title="FocusManager Node Plugin - Functional Examples" href="../../examples/node-focusmanager/index.html">FocusManager Node Plugin</a></li><li class="item"><a title="MenuNav Node Plugin - Functional Examples" href="../../examples/node-menunav/index.html">MenuNav Node Plugin</a></li><li class="sect">YUI 3 CSS - Examples</li><li class="item"><a title="YUI CSS Reset - Functional Examples" href="../../examples/cssreset/index.html">CSS Reset</a></li><li class="item"><a title="YUI Fonts - Functional Examples" href="../../examples/cssfonts/index.html">CSS Fonts</a></li><li class="item"><a title="YUI Base - Functional Examples" href="../../examples/cssbase/index.html">CSS Base</a></li><li class="sect">YUI 3 Developer Tools - Examples</li><li class="item"><a title="Console - Functional Examples" href="../../examples/console/index.html">Console</a></li><li class="item"><a title="Profiler - Functional Examples" href="../../examples/profiler/index.html">Profiler</a></li><li class="item"><a title="Test - Functional Examples" href="../../examples/test/index.html">Test</a></li><li class="sect">The YUI Community</li><li class="item"><a title="The Yahoo! User Interface Blog" href="http://yuiblog.com">YUI Blog (external)</a></li><li class="item"><a title="The Yahoo! Group YDN-JavaScript hosts the YUI community forum" href="http://tech.groups.yahoo.com/group/ydn-javascript/">YUI Forum (external)</a></li><li class="item"><a title="The Yahoo! Group yui3 is dedicated to the 3.x branch of the Yahoo! User Interface (YUI) Library." href="http://tech.groups.yahoo.com/group/yui3/">YUI 3 Forum (external)</a></li><li class="item"><a title="YUI is used by Yahoo! and by hundreds of other sites, including many you know and love." href="/yui/poweredby/">YUI Sightings (external)</a></li><li class="item"><a title="Videos and podcasts from the YUI Team and from the Yahoo! frontend engineering community." href="http://developer.yahoo.com/yui/theater/">YUI Theater (external)</a></li><li class="sect">YUI Articles on the YUI Website</li><li class="item"><a title="Answers to Frequently Asked Questions about the YUI Library" href="http://developer.yahoo.com/yui/articles/faq/">YUI FAQ (external)</a></li><li class="item"><a title="Yahoo!'s philosophy of Graded Browser Support" href="http://developer.yahoo.com/yui/articles/gbs/">Graded Browser Support (external)</a></li><li class="item"><a title="Reporting Bugs and Making Feature Requests for YUI Components" href="http://developer.yahoo.com/yui/articles/reportingbugs/">Bug Reports/Feature Requests (external)</a></li><li class="item"><a title="Serve YUI source files from Yahoo! -- free, fast, and simple" href="http://developer.yahoo.com/yui/3/articles/hosting/">Serving YUI Files from Yahoo! (external)</a></li></ul> |
|
|
76 |
</div> |
|
|
77 |
</div> |
|
|
78 |
</div><!--closes bd--> |
|
|
79 |
|
|
|
80 |
<div id="ft"> |
|
|
81 |
<p class="first">Copyright © 2009 Yahoo! Inc. All rights reserved.</p> |
|
|
82 |
<p><a href="http://privacy.yahoo.com/privacy/us/devel/index.html">Privacy Policy</a> - |
|
|
83 |
<a href="http://docs.yahoo.com/info/terms/">Terms of Service</a> - |
|
|
84 |
<a href="http://docs.yahoo.com/info/copyright/copyright.html">Copyright Policy</a> - |
|
|
85 |
<a href="http://careers.yahoo.com/">Job Openings</a></p> |
|
|
86 |
</div> |
|
|
87 |
</div> |
|
|
88 |
|
|
|
89 |
</body> |
|
|
90 |
</html> |