ivopetkov/lazy-image-bearframework-addon

Lazy image addon for Bear Framework

Thursday, July 12, 2018
by ivopetkov
Repository
1 Watchers
0 Stars
744 Installations

PHP
1 Dependents
0 Suggesters
0 Forks
0 Open issues
15 Versions
14 % Grown

The README.md

Lazy Image

Addon for Bear Framework, _(*1)

This addon enables you to easily create lazy-loaded images that are SEO friendly. It's based on the popular library Responsively Lazy. Multiple versions with different sizes are created on the fly and only the best one is loaded. This saves bandwidth and loads the website faster., _(*2)

, _(*3)

Download and install

Install via Composer, _(*4)

composer require ivopetkov/lazy-image-bearframework-addon

Download an archive, _(*5)

Download the latest release from the GitHub page and include the autoload file., _(*6)

include '/path/to/the/addon/autoload.php';

Enable the addon

Enable the addon for your Bear Framework application., _(*7)

$app->addons->add('ivopetkov/lazy-image-bearframework-addon');

Usage

<component src="lazy-image" filename="path/to/the/file.jpg" />

Attributes

filename, _(*8)

The name of the file to be shown. It must be in a publicly accessible directory., _(*9)

aspectRatio, _(*10)

The proportional relationship between the width and the height of the image. It is useful for cropping and resizing the image. Example values: 1:1, 1:2, 1.5:1, etc., _(*11)

loadingBackground, _(*12)

The type of background shown while the image is loading. Available values: none and checkered., _(*13)

class, _(*14)

HTML class attribute value, _(*15)

style, _(*16)

HTML style attribute value, _(*17)

alt, _(*18)

HTML alt attribute value, _(*19)

title, _(*20)

HTML title attribute value, _(*21)

Examples

The image rendered is a square, _(*22)

<component src="lazy-image" filename="path/to/the/file.jpg" aspectRatio="1:1" />

A custom class name is added to the image HTML code, _(*23)

<component src="lazy-image" filename="path/to/the/file.jpg" class="my-class-name" />

A title is added, _(*24)

<component src="lazy-image" filename="path/to/the/file.jpg" title="New Year's Eve" />

License

Lazy image addon for Bear Framework is open-sourced software. It's free to use under the MIT license. See the license file for more information., _(*25)

Author

This addon is created by Ivo Petkov. Feel free to contact me at @IvoPetkovCom or ivopetkov.com., _(*26)

The Versions

12/07 2018

dev-master

9999999-dev https://github.com/ivopetkov/lazy-image-bearframework-addon

Lazy image addon for Bear Framework

library lazy-image-bearframework-addon

Lazy image addon for Bear Framework

ivopetkov/lazy-image-bearframework-addon

The README.md

Lazy Image

Download and install

Enable the addon

Usage

Attributes

Examples

License

Author

The Versions

dev-master

The Requires

The Development Requires

by Ivo Petkov

v0.2.1

The Requires

The Development Requires

by Ivo Petkov

v0.2.0-beta.5

The Requires

The Development Requires

by Ivo Petkov

v0.2.0

The Requires

The Development Requires

by Ivo Petkov

v0.2.0-beta.4

The Requires

The Development Requires

by Ivo Petkov

v0.2.0-beta.3

The Requires

The Development Requires

by Ivo Petkov

v0.2.0-beta.2

The Requires

The Development Requires

by Ivo Petkov

v0.2.0-beta.1

The Requires

The Development Requires

by Ivo Petkov

v0.1.2

The Requires

The Development Requires

by Ivo Petkov

v0.1.1

The Requires

The Development Requires

by Ivo Petkov

v0.1.0

The Requires

The Development Requires

by Ivo Petkov

v0.0.4

The Requires

by Ivo Petkov

v0.0.3

The Requires

by Ivo Petkov

v0.0.2

The Requires

by Ivo Petkov

v0.0.1

The Requires

by Ivo Petkov