Skip to content

Commit

Permalink
1.1.4-rc1
Browse files Browse the repository at this point in the history
  • Loading branch information
aFarkas committed Jul 15, 2015
1 parent bdd7c57 commit 323aa6c
Show file tree
Hide file tree
Showing 21 changed files with 22 additions and 22 deletions.
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ Add the ``class`` ``lazyload`` to all ``img`` and ``iframe`` elements, which sho
responsive-image3.jpg 900w" class="lazyload" />
```

**Important: How ``sizes`` is calculated**: The automatic sizes calculation takes the width of the image. If it is below ``40`` (can be configured through the ``minSize`` option), lazysizes traverses up the DOM tree until it finds a parent which is over ``40`` and uses this number. Often the following general CSS rule might help: ``img[data-sizes="auto"] { display: block; width: 100%; }``. (see also [specifying image/iframe dimensions](#specify-dimensions)) The ``data-sizes="auto"`` feature only makes sense if you use the ``srcset`` attribute with *width* descriptors. The calculated width can be modified using the ``lazybeforesizes`` event.
**Important: How ``sizes`` is calculated**: The automatic sizes calculation takes the width of the image. If it is below ``40`` (can be configured through the ``minSize`` option), lazysizes traverses up the DOM tree until it finds a parent which is over ``40`` and uses this number. Often the following general CSS rule might help: ``img[data-sizes="auto"] { display: block; width: 100%; }`` (see also [specifying image/iframe dimensions](#specify-dimensions)). The ``data-sizes="auto"`` feature only makes sense if you use the ``srcset`` attribute with *width* descriptors. The calculated width can be modified using the ``lazybeforesizes`` event (See also the [parent fit plugin](plugins/parent-fit) for a modified ``sizes`` calculation.).

##Recommended markup patterns

Expand Down Expand Up @@ -575,7 +575,7 @@ or at least add a ``min-height`` (and ``min-width``) to minimize content jumps:

**Note**:

* In case you use the "unknown intrinsic ratio pattern" and the width of the loaded image will not approximately match the width of its container the ``data-sizes="auto"`` feature should not be used.
* In case you use the "unknown intrinsic ratio pattern" and the width of the loaded image will not approximately match the width of its container the ``data-sizes="auto"`` feature should not be used (see also the [parent fit plugin](plugins/parent-fit)).
* see also the [aspectratio extension](plugins/aspectratio) for an alternative way to add aspectratio.

###Updateing layout of JS widgets
Expand Down
2 changes: 1 addition & 1 deletion component.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "lazysizes",
"version": "1.1.3",
"version": "1.1.4-rc1",
"repo": "afarkas/lazysizes",
"main": "lazysizes.min.js",
"scripts": ["lazysizes.min.js"],
Expand Down
2 changes: 1 addition & 1 deletion lazysizes.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "lazysizes",
"version": "1.1.3",
"version": "1.1.4-rc1",
"filename": "lazysizes.min.js",
"author": "Alexander Farkas <info@corrupt-system.de>",
"repository": {
Expand Down
2 changes: 1 addition & 1 deletion plugins/aspectratio/ls.aspectratio.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion plugins/attrchange/ls.attrchange.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion plugins/bgset/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,4 +51,4 @@ Of course also resolution switching and art direction can be combined:

Here you find a [small bgset demo](http://jsfiddle.net/trixta/bfqqnosp/embedded/result/).

Note: In case you use this plugin with ``background-size: cover|contain`` and the ``data-sizes="auto"`` feature, we recommend to also use the [parent-fit extension](../parent-fit/) to calculate the right ``sizes`` attribute for you.
Note: In case you use this plugin with ``background-size: cover|contain`` and the ``data-sizes="auto"`` feature, we recommend to also use the [parent-fit extension](../parent-fit/) to calculate the right ``sizes`` attribute for you. See also the following [demo](http://jsfiddle.net/trixta/w96o9xm5/).
2 changes: 1 addition & 1 deletion plugins/bgset/ls.bgset.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion plugins/custommedia/ls.custommedia.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion plugins/fix-ios-sizes/fix-ios-sizes.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 323aa6c

Please sign in to comment.