1000ch / Lazyload Image
HTMLImageElement extension for lazy loading.
Stars: ✭ 208
Projects that are alternatives of or similar to Lazyload Image
Progressively
A JavaScript library to load images progressively 🌇
Stars: ✭ 691 (+232.21%)
Mutual labels: image, lazyload
Defer.js
🥇 A super small, super efficient library that helps you lazy load everything like images, video, audio, iframe as well as stylesheets, and JavaScript.
Stars: ✭ 138 (-33.65%)
Mutual labels: image, lazyload
Arbitrary Text To Image Papers
A collection of arbitrary text to image papers with code (constantly updating)
Stars: ✭ 196 (-5.77%)
Mutual labels: image
Orly
🏈 Generate your own O'RLY animal book cover to troll your colleagues | 生成你自己的O'RLY动物书封面，让你的同事惊掉下巴
Stars: ✭ 199 (-4.33%)
Mutual labels: image
Picasso
Picasso is a high quality 2D vector graphic rendering library. It support path , matrix , gradient , pattern , image and truetype font.
Stars: ✭ 205 (-1.44%)
Mutual labels: image
Vue Gwt
Vue.js Components/Custom Elements in Java with GWT. Developed at https://www.genmymodel.com.
Stars: ✭ 194 (-6.73%)
Mutual labels: web-components
Grunt Image
Optimize PNG, JPEG, GIF, SVG images with grunt task.
Stars: ✭ 201 (-3.37%)
Mutual labels: image
Ptimagealbumviewcontroller
"Image Album" — or "Photo Album" if you like that better — View( Controller) for all crazy iOS developers out there...
Stars: ✭ 199 (-4.33%)
Mutual labels: image
React Native Progressive Image
🌁 ProgressiveImage, progressively load images with React Native.
Stars: ✭ 197 (-5.29%)
Mutual labels: image
Jekyll Spaceship
🚀 A Jekyll plugin to provide powerful supports for table, mathjax, plantuml, mermaid, emoji, video, audio, youtube, vimeo, dailymotion, soundcloud, spotify, etc.
Stars: ✭ 196 (-5.77%)
Mutual labels: image
Qimage Win
Windows 版本 Markdown 一键贴图工具，支持本地文件、截图、网络图片一键上传七牛云并返回图片引用，让 Markdown 中贴图变成一种享受。
Stars: ✭ 196 (-5.77%)
Mutual labels: image
Exiftool Vendored.js
Fast, cross-platform Node.js access to ExifTool
Stars: ✭ 200 (-3.85%)
Mutual labels: image
🚩 Finally Native lazy-loading for the web was introduced. I recommend you to use loading attribute instead.
lazyload-image
HTMLImageElement extension for lazy loading. Images will be loaded when they are shown.
Install
Install lazyload-image via npm.
$ npm install lazyload-image
Usage
Import LazyloadImage and register it.
import LazyloadImage from 'https://unpkg.com/lazyload-image';
customElements.define('lazyload-image', LazyloadImage, {
extends: 'img'
});
Modify your <img> elements such as following.
<img
is="lazyload-image"
src="path/to/your/image.jpg"
offset="200px"
width="100"
height="100"
>
Fallback
If a browser does not support customElements.define(), images will be loaded as usual.
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].