Skip to content
This repository has been archived by the owner on Feb 13, 2022. It is now read-only.

Commit

Permalink
typos
Browse files Browse the repository at this point in the history
Signed-off-by: Bruno Meilick <[email protected]>
  • Loading branch information
bnomei committed Jul 27, 2018
1 parent 247f1f4 commit 75761b2
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 1 deletion.
2 changes: 1 addition & 1 deletion composer.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "bnomei/kirby3-srcset",
"type": "plugin",
"version": "1.0.0",
"version": "1.0.1",
"license": "MIT",
"description": "Kirby 3 Plugin for creating image srcset using picture element",
"autoload": {
Expand Down
18 changes: 18 additions & 0 deletions readme.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
# Kirby 3 Srcset

![GitHub release](https://img.shields.io/github/release/bnomei/kirby3-srcset.svg?maxAge=1800) ![License](https://img.shields.io/github/license/mashape/apistatus.svg) ![Kirby Version](https://img.shields.io/badge/Kirby-3%2B-black.svg)

Kirby 3 Plugin for creating image srcset using picture element

## Notice
Expand All @@ -16,6 +18,22 @@ Kirby 3 Plugin for creating image srcset using picture element
echo $page->image('ukulele.jpg')->srcset('breakpoints');
```

**non-lazy**
```html
<picture class="srcset" data-preset="default">
<source srcset="http://../media/pages/home/test-320x160-q90.jpg 320w, http://../media/pages/home/test-640x320-q90.jpg 640w" type="image/jpeg" />
<noscript><img src="http://../media/pages/home/test-640x320-q90.jpg" alt="test.jpg" /></noscript>
</picture>
```

**lazy**
```html
<picture class="srcset lazy" data-preset="default">
<source data-srcset="http://../media/pages/home/test-320x160-q90.jpg 320w, http://../media/pages/home/test-640x320-q90.jpg 640w" type="image/jpeg" />
<noscript><img src="http://../media/pages/home/test-640x320-q90.jpg" alt="test.jpg" /></noscript>
</picture>
```

## Performance

All srcset images are created as regular thumbs but at the time the php script requests them. There is no jobs logik like the awesome imagekit has.
Expand Down

0 comments on commit 75761b2

Please sign in to comment.