NeatShow.js : A jQuery plugin to fade in images beautifully on your website | Hacker News Reader

NeatShow.js : A jQuery plugin to fade in images beautifully on your website

stevepapa.com

16 pointsaniketpant14 comments

  DOWNLOAD 
  neatshow.js 1,335 bytes

Could you find it in your heart to add two more bytes somewhere?

Sure, just slap two more bytes on it for the sake of meta.

It's not like you couldn't ensure that it got minified away or anything...

Then why bother? Do you have OCD?

img { opacity: 0; transition: opacity .2s; }; img.loaded { opacity: 1; };

$(function(){ $('img').load(function(){this.addClass('loaded')}) });

It works with $(this).addClass instead of this.addClass: $('img').load(function(){ $(this).addClass('loaded')});

Why no CSS transitions?

The fade is lagging for me (Macbook Pro, Chrome).

Does this load in only when they are visible in the viewable area, or do they fade in everywhere?

jQuery lazy load does the same thing and has been around for long.

Lazy load waits until the images are visible (or just about to be) in the viewport before loading the actual image, this doesn't appear to do that.

In that case Lazy load is better IMO.

Nice work :)

Why not just use CSS3 animation?