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.
54 lines
1.3 KiB
54 lines
1.3 KiB
11 years ago
|
# Echo [](https://travis-ci.org/toddmotto/echo)
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
```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
|