# Echo [![Build Status](https://travis-ci.org/toddmotto/echo.png)](https://travis-ci.org/toddmotto/echo) Echo is a standalone JavaScript lazy-loading image tool. Echo is fast, less than 1KB and uses HTML5 data-* attributes. ```html Photo ``` ## Demo Check out a [demo of Echo](http://toddmotto.com/labs/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 `` tag so the DOM tree is populated when the script runs. ```html ``` ## Configuring Echo Add the image that needs to load when visible in a `data-echo` attribute: ```html Photo ``` ## 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