mirror of https://github.com/toddmotto/echo.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Todd Motto
9d07ee076c
|
11 years ago | |
|---|---|---|
| dist | 11 years ago | |
| src | 11 years ago | |
| .editorconfig | 11 years ago | |
| .gitignore | 11 years ago | |
| .jshintrc | 11 years ago | |
| .travis.yml | 11 years ago | |
| Gruntfile.js | 11 years ago | |
| README.md | 11 years ago | |
| package.json | 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.
<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