https://github.com/suyalcinkaya/koalazily

Loading images lazily in a modern way using Intersection Observer API
https://github.com/suyalcinkaya/koalazily

image javascript lazy lazy-loading observer-api

Last synced: 4 months ago
JSON representation

Loading images lazily in a modern way using Intersection Observer API

• Host: GitHub
• URL: https://github.com/suyalcinkaya/koalazily
• Owner: suyalcinkaya
• License: mit
• Created: 2020-01-25T20:19:12.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-09-13T16:36:40.000Z (5 months ago)
• Last Synced: 2024-10-24T04:51:45.509Z (4 months ago)
• Topics: image, javascript, lazy, lazy-loading, observer-api
• Language: JavaScript
• Homepage:
• Size: 292 KB
• Stars: 7
• Watchers: 3
• Forks: 0
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        


  





  koala + lazy + kolay (means "easy" in Turkish) = koalazily 🐨





  Loading images lazily in a modern way using Intersection Observer API






![npm](https://img.shields.io/npm/v/koalazily)

![npm](https://img.shields.io/npm/dt/koalazily)

![Travis (.org)](https://img.shields.io/travis/suyalcinkaya/koalazily)

![NPM](https://img.shields.io/npm/l/koalazily)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)

[![Greenkeeper badge](https://badges.greenkeeper.io/suyalcinkaya/koalazily.svg)](https://greenkeeper.io/)

## Install

With package manager:

```sh

$ npm install koalazily

# OR

$ yarn add koalazily

```

Or with CDN:

```html

```

## Usage

Add the `data-koalazily` tag to images you wish to load lazily:

```html







```

Then initialize:

```js

koalazily();

```

Also see the [example](example/index.html).

## Contributing

Contributions are welcome!

1.  Fork it.

2.  Create your feature branch: `git checkout -b my-new-feature`.

3.  Commit your changes: `git commit -am 'Adds some feature'`.

4.  Push to the branch: `git push origin my-new-feature`.

5.  Submit a pull request.

Or open [an issue](https://github.com/suyalcinkaya/koalazily/issues).

## License

Licensed under the MIT License.