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

by aniketpant • 13 years ago

16 14 13 years ago

JensRantil• 13 years ago

Why not just use CSS3 animation?

jffry2• 13 years ago

  DOWNLOAD 
  neatshow.js 1,335 bytes

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

pearjuice2• 13 years ago

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

jffry2• 13 years ago

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

Kiro• 13 years ago

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

splatzone• 13 years ago

Nice work :)

venticco• 13 years ago

Why no CSS transitions?

philliphaydon2• 13 years ago

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

marutib• 13 years ago

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

4lun• 13 years 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.

philliphaydon2• 13 years ago

In that case Lazy load is better IMO.

some1else• 13 years ago

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

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

rsiqueira• 13 years ago

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

Related Stories