Image lazy loader

Todd Motto 189f3cebb0 IE8 support, v1.3.0		11 years ago
dist	IE8 support, v1.3.0	11 years ago
src	Added IE8 support, hooray!	11 years ago
.editorconfig	Echo.js v1.2.0	11 years ago
.gitignore	Echo.js v1.2.0	11 years ago
.jshintrc	Echo.js v1.2.0	11 years ago
.travis.yml	Initial commit	11 years ago
Gruntfile.js	Echo.js v1.2.0	11 years ago
README.md	Added IE8 support, hooray!	11 years ago
package.json	IE8 support, v1.3.0	11 years ago

README.md

Echo

Echo is a standalone JavaScript lazy-loading image tool. Echo is fast, less than 1KB and uses HTML5 data-* attributes. Echo works in IE8+.

<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>
  <script>
  // call Echo.js
  Echo.init();
  </script>
</body>

Configuring Echo

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