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

jffry12y ago· 2 in thread

  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.

jffry12y ago

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

marutib12y ago· 2 in thread

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

4lun12y 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.

some1else12y ago· 1 in thread

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?

Kiro12y ago

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?

Nice work :)

Why not just use CSS3 animation?

NeatShow.js : A jQuery plugin to fade in images beautifully on your website (opens in new tab)