Skip to content

Commit

Permalink
readme
Browse files Browse the repository at this point in the history
  • Loading branch information
tinacious committed Feb 16, 2014
1 parent fb32470 commit 371c341
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,13 +16,13 @@ bower install angular-picturefill --save
grunt bower-install
```

1. Include [Picturefill](https://github.com/scottjehl/picturefill) in your HTML.
1. Download and install with Bower or manually include this directive and [Picturefill](https://github.com/scottjehl/picturefill) in your HTML.
2. Add `ng.picturefill` as an app dependency.
3. Use the `picture-fill` directive.
3. Use the `picture-fill` directive in your view.
4. Implement Picturefill as usual. Below is an example implementation but you can specify as many options as you like. The only difference is that `data-src` must be `pf-src` to avoid conflict.
5. Use the provided `trimExt` filter on all URLs to remove the file extension so that you can append your custom image sizes. Don't forget to put it back.

**Note:** All files must share the same file extension for this directive to work properly and all file sizes must be available for each file.
**Note:** All images must share the same file extension for this directive to work properly and all file sizes must be available for each file.

### With static images

Expand Down Expand Up @@ -58,4 +58,4 @@ The filter `trimExt` is provided for working with `$scope` data.

In the future I would like to implement the following:

- Not requiring all file extensions to be the same
- Not requiring all images to have the same file extension

0 comments on commit 371c341

Please sign in to comment.