All Projects → wewoor → Sloth

wewoor / Sloth

a simple images lazy load plugin.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Sloth

Imagvue
🎑 Imagvue is an image component for Vue.js
Stars: ✭ 268 (+3728.57%)
Mutual labels:  lazy-loading
Mam mol
$mol - fastest reactive micro-modular compact flexible lazy ui web framework.
Stars: ✭ 385 (+5400%)
Mutual labels:  lazy-loading
Ng Lazyload Image
🖼 A small library for lazy loading images for Angular apps with zero dependencies
Stars: ✭ 683 (+9657.14%)
Mutual labels:  lazy-loading
Hexo Theme Stun
🦄 An elegant theme for Hexo
Stars: ✭ 305 (+4257.14%)
Mutual labels:  lazy-loading
React On Screen
Check if a react component in the viewport
Stars: ✭ 357 (+5000%)
Mutual labels:  lazy-loading
Angularwebpackvisualstudio
Template for ASP.NET Core, Angular with Webpack and Visual Studio
Stars: ✭ 497 (+7000%)
Mutual labels:  lazy-loading
angular-seo
Angular 13 Example SEO Search engine optimization + PWA + SSR + Lazyloading
Stars: ✭ 58 (+728.57%)
Mutual labels:  lazy-loading
Splide
Splide is a lightweight, powerful and flexible slider and carousel, written in pure JavaScript without any dependencies.
Stars: ✭ 786 (+11128.57%)
Mutual labels:  lazy-loading
React Cool Img
😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!
Stars: ✭ 356 (+4985.71%)
Mutual labels:  lazy-loading
Universal
Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
Stars: ✭ 669 (+9457.14%)
Mutual labels:  lazy-loading
Vue Lazy Image Loading
Vue lazy image and background loading plugin.
Stars: ✭ 335 (+4685.71%)
Mutual labels:  lazy-loading
Giraffeplayer2
out of the box android video player(support lazy load, ListView/RecyclerView and hight performance)
Stars: ✭ 344 (+4814.29%)
Mutual labels:  lazy-loading
V Lazy Image
Lazy load images using Intersection Observer, apply progressive rendering and css animations.
Stars: ✭ 563 (+7942.86%)
Mutual labels:  lazy-loading
Accessible Image Lazy Load
😴 gandul! accessible lazy loading images
Stars: ✭ 281 (+3914.29%)
Mutual labels:  lazy-loading
Vanilla Lazyload
LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
Stars: ✭ 6,596 (+94128.57%)
Mutual labels:  lazy-loading
egjs-imready
I'm Ready to check if the images or videos are loaded!
Stars: ✭ 41 (+485.71%)
Mutual labels:  lazy-loading
Proxymanager
🎩✨🌈 OOP Proxy wrappers/utilities - generates and manages proxies of your objects
Stars: ✭ 4,556 (+64985.71%)
Mutual labels:  lazy-loading
React Cool Inview
😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
Stars: ✭ 830 (+11757.14%)
Mutual labels:  lazy-loading
React Lazy Load Image Component
React Component to lazy load images and components using a HOC to track window scroll position.
Stars: ✭ 755 (+10685.71%)
Mutual labels:  lazy-loading
React Mobx React Router4 Boilerplate
React, React-Router 4, MobX and Webpack 2-boilerplate with async routes.
Stars: ✭ 566 (+7985.71%)
Mutual labels:  lazy-loading

sloth

a simple images lazy load plugin.

usage

in html

	<img sloth-img="url" />

js

<script type="text/javascript">
	// 默认加载body体全部sloth图片
 	var sloth = new Sloth();
 	// 默认滚动条加载
    sloth.init();

    // 手动加载
    sloth.load();

    // 惰性加载Scroll ID 元素内的图片
 	var sloth = new Sloth("#Scroll");
 	
</script>

License

MIT

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].