jQuery Plugin For Image Fade-in Effect On Page Load - neatshowjs

File Size: 428KB
Views Total: 1367
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Image Fade-in Effect On Page Load - neatshowjs

Neatshow.js is an ultra-light jQuery plugin gives your image a fade-in animation when it has been loaded.

How to use it:

1. Insert an images in your web page.

<img src="1.jpg" width="" height="" alt="" />

2. Load the jQuery javascript and jQuery nearshow.js in the footer to reduce the page loading time.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="assets/neatshow.min.js"></script>

3. Call the plugin with options. That's it.

<script>
$('img').neatShow({
speed: 'random', // Random Fade In Speed
minSpeed: 400, 
maxSpeed: 4000
});
</script>

This awesome jQuery plugin is developed by stevepapa. For more Advanced Usages, please check the demo page or visit the official website.