Merge branch 'release/v1.0.7'

Author: fakenickels

.npmignore

@@ -7,5 +7,7 @@
 .babelrc
 .eslintrc
 npm-debug.log
-lib
 example
+scripts
+package.js
+.versions

.versions

@@ -0,0 +1,22 @@
+astrocoders:[email protected]
+[email protected]_1
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+cosmos:[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]
+[email protected]_1
+[email protected]
+[email protected]_1
+[email protected]
+[email protected]
+[email protected]
+[email protected]

README.md

@@ -1,2 +1,51 @@
-# react-image-smooth-loading
-Images which just flick to appear aren't cool. Images which appear smoothly with a fade like Instagram are cool
+ReactImg
+========
+React component for making your site images appear in a fade in.
+See a [demo](http://astrocoders.com/react-image-smooth-loading/).
+
+# Usage
+
+```js
+import Img from 'react-image-smooth-loading';
+
+// Define which placeholder to show while the image is loading
+// Can be any image file.
+// There's already a default one in base64, but you'd like to change ;)
+Img.globalPlaceholder = '/images/placeholder.png';
+
+const Container = React.createClass({
+  render(){
+    <div className="image-grid">
+      {this._getImageList.map(url => {
+        return (
+          <div className="image-card">
+            <Img src={url}/>
+            <p>My awesome image</p>
+          </div>
+        );
+      })}
+    </div>
+  },
+
+  _getImageList(){
+    return [
+      ...
+    ];
+  }
+});
+```
+
+Remember that Img is totally responsive, which means that it will fit accordingly
+to the space given to it by its container.
+
+
+## Options
+
+```js
+const settings = {
+  src: '...' // Image source,
+  placeholder: '...' // Optional image placeholder, overrides globalPlaceholder,
+  holderClasses: '...' // Img container class
+  imgClasses: '...' // Classes for <img/> tags
+};
+```