Image lazy loader

Todd Motto 9847e92699 Initial commit		12 years ago
dist	Initial commit	12 years ago
src	Initial commit	12 years ago
.editorconfig	Initial commit	12 years ago
.gitignore	Initial commit	12 years ago
.jshintrc	Initial commit	12 years ago
.travis.yml	Initial commit	12 years ago
Gruntfile.js	Initial commit	12 years ago
README.md	Initial commit	12 years ago
package.json	Initial commit	12 years ago

README.md

Echo

<img src="img/blank.gif" alt="Photo" data-echo="img/photo.jpg">

Demo

Check out a demo of Echo.

Installing with Bower

To install Echo into your project using Bower, use the GitHub repository hook:

bower install https://github.com/toddmotto/echo.git

Manual installation

Drop your files into your required folders, make sure you're using the file(s) from the dist folder, which is the compiled production-ready code. Ensure you place the script before the closing </body> tag so the DOM tree is populated when the script runs.

<body>
	<!-- html content above -->
	<script src="dist/echo.js"></script>
</body>

Configuring Echo

Echo config is super-simple, just add the image that needs to load when visible in a data-echo attribute:

<img src="img/blank.gif" alt="Photo" data-echo="img/photo.jpg">

Scaffolding

Project files and folder structure.

├── dist/
│   ├── echo.js
│   └── echo.min.js
├── src/
│   └── echo.js
├── .editorconfig
├── .gitignore
├── .jshintrc
├── .travis.yml
├── Gruntfile.js
└── package.json

License

MIT license