NeatShow.js : A jQuery plugin to fade in images beautifully on your website (stevepapa.com)

14 comments

[ 2.8 ms ] story [ 36.4 ms ] thread

Why not just use CSS3 animation?

  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.

jffry 12y ago ↗

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

Then why bother? Do you have OCD?

Kiro 12y ago ↗

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

Nice work :)

Why no CSS transitions?

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

marutib 12y ago ↗

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

4lun 12y ago ↗

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.

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')});