echo/README.md

# Echo [![Build Status](https://travis-ci.org/toddmotto/echo.png)](https://travis-ci.org/toddmotto/echo)

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

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

## 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 `</body>` tag so the DOM tree is populated when the script runs.
	
```html
<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:

```html
<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
Initial commit 11 years ago			`# Echo [![Build Status](https://travis-ci.org/toddmotto/echo.png)](https://travis-ci.org/toddmotto/echo)`

Add intro 11 years ago			`Echo, simple JavaScript image lazy-loading, no jQuery! Super fast and easy.`
Initial commit 11 years ago
			```html
			`<img src="img/blank.gif" alt="Photo" data-echo="img/photo.jpg">`
			```

			`## 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 `</body>` tag so the DOM tree is populated when the script runs.

			```html
			`<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:

			```html
			`<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`