Image lazy loader

Todd Motto 5cb984e290 Add intro		11 years ago
dist	Initial commit	11 years ago
src	Initial commit	11 years ago
.editorconfig	Initial commit	11 years ago
.gitignore	Initial commit	11 years ago
.jshintrc	Initial commit	11 years ago
.travis.yml	Initial commit	11 years ago
Gruntfile.js	Initial commit	11 years ago
README.md	Add intro	11 years ago
package.json	Initial commit	11 years ago

README.md

Echo

Echo, simple JavaScript image lazy-loading, no jQuery! Super fast and easy.

<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