Comments on: YUI Theater — Matt Mlinac: “The YUI ImageLoader Utility” http://www.yuiblog.com/blog/2007/08/21/video-mlinac/ The official blog of the YUI Project. Wed, 17 Mar 2010 00:14:05 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Chris http://www.yuiblog.com/blog/2007/08/21/video-mlinac/comment-page-1/#comment-423265 Chris Fri, 18 Jul 2008 22:02:03 +0000 http://yuiblog.com/blog/2007/08/21/video-mlinac/#comment-423265 Awesome. I love this. I love the jquery port even better unfortunately :o/. Awesome. I love this. I love the jquery port even better unfortunately :o/.

]]> By: Mika Tuupola http://www.yuiblog.com/blog/2007/08/21/video-mlinac/comment-page-1/#comment-184531 Mika Tuupola Mon, 03 Sep 2007 21:19:19 +0000 http://yuiblog.com/blog/2007/08/21/video-mlinac/#comment-184531 Inspired by Matt's code I wrote a small plugin for jQuery which defers loading of below the fold images. I do use the removing src attribute when dom is ready method. Have not experienced any race conditions. Althought Safari still load everything even after src is removed. What kind of problems you encountered? In any case check <a href="http://www.appelsiini.net/projects/lazyload" rel="nofollow">Lazy Load</a> for jQuery. Inspired by Matt’s code I wrote a small plugin for jQuery which defers loading of below the fold images.

I do use the removing src attribute when dom is ready method. Have not experienced any race conditions. Althought Safari still load everything even after src is removed.

What kind of problems you encountered?

In any case check Lazy Load for jQuery.

]]> By: Ajaxian » YUI’s Experimental ImageLoader Utility http://www.yuiblog.com/blog/2007/08/21/video-mlinac/comment-page-1/#comment-177707 Ajaxian » YUI’s Experimental ImageLoader Utility Fri, 24 Aug 2007 19:39:18 +0000 http://yuiblog.com/blog/2007/08/21/video-mlinac/#comment-177707 [...] A detailed description can also be found on the YUI blog. [...] [...] A detailed description can also be found on the YUI blog. [...]

]]> By: Morning Brew #65 http://www.yuiblog.com/blog/2007/08/21/video-mlinac/comment-page-1/#comment-176200 Morning Brew #65 Wed, 22 Aug 2007 11:08:33 +0000 http://yuiblog.com/blog/2007/08/21/video-mlinac/#comment-176200 [...] The YUI ImageLoader Utility - new class from the YUI team which allows to defer loading images below the browser fold. [...] [...] The YUI ImageLoader Utility – new class from the YUI team which allows to defer loading images below the browser fold. [...]

]]> By: Matt Mlinac http://www.yuiblog.com/blog/2007/08/21/video-mlinac/comment-page-1/#comment-175814 Matt Mlinac Tue, 21 Aug 2007 19:59:34 +0000 http://yuiblog.com/blog/2007/08/21/video-mlinac/#comment-175814 Thanks for the idea Tommy. Accessibility is definitely what we've been talking about most while developing ImageLoader. Admittedly, yes, there are some accessibility trade-offs (or alternatively some extra work with browser detection). We discussed an approach like the one you suggest but decided that we really didn't want the race condition between the browser's image loading and the JavaScript. Unfortunately there's no way (that we could think of doing cleanly) to write the full markup but also command the browser to not load images immediately. Thanks for the idea Tommy.

Accessibility is definitely what we’ve been talking about most while developing ImageLoader. Admittedly, yes, there are some accessibility trade-offs (or alternatively some extra work with browser detection).

We discussed an approach like the one you suggest but decided that we really didn’t want the race condition between the browser’s image loading and the JavaScript. Unfortunately there’s no way (that we could think of doing cleanly) to write the full markup but also command the browser to not load images immediately.

]]> By: Tommy Valand http://www.yuiblog.com/blog/2007/08/21/video-mlinac/comment-page-1/#comment-175715 Tommy Valand Tue, 21 Aug 2007 16:42:01 +0000 http://yuiblog.com/blog/2007/08/21/video-mlinac/#comment-175715 Instead of using partially (in)accessible markup, wouldn't it be possible to calculate the images in-/visible to the user, "onDomContentLoaded". Then rename (copy/delete) the src-attribute, so that the image is not loaded. On your load-image-event, rename the src back? This would not stop the request to the server, but should stop the loading of the image (which saves bandwidth)..? Instead of using partially (in)accessible markup, wouldn’t it be possible to calculate the images in-/visible to the user, “onDomContentLoaded”.

Then rename (copy/delete) the src-attribute, so that the image is not loaded. On your load-image-event, rename the src back?

This would not stop the request to the server, but should stop the loading of the image (which saves bandwidth)..?

]]>