Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Progressive & lazy loading images.

License

NotificationsYou must be signed in to change notification settings

svelte-barcode/lazy-load-images.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

lazy-load-images

lazy-load-images.js is a javascript library that defers loading of non-critical resources at page load time. Instead, these non-critical resources are loaded at the moment of need. Where images are concerned here.

Features

  • fast loading
  • high performance
  • supports all images type
  • images responsive
  • supports all modern browsers (IE10+)

Installation

<link rel="stylesheet" href="css/lazy-load-images.min.css"><script src="js/lazy-load-images.min.js"></script>

Usage

Basic

<a href="https://github.com/codefacebook/lazy-load-images.js/blob/master/images/cambodia-angkor-elephant.jpg">  <img src="https://github.com/codefacebook/lazy-load-images.js/blob/master/images/cambodia-angkor-elephant.jpg" alt="Cambodia Angkorwat" /></a>

Retain the link

<a href="http://geekhmer.github.io" data-href="https://github.com/codefacebook/lazy-load-images.js/blob/master/images/cambodia-angkor-elephant.jpg">  <img src="https://github.com/codefacebook/lazy-load-images.js/blob/master/images/cambodia-angkor-elephant.jpg" alt="Cambodia Angkorwat" /></a>

Responsive

<a href="https://github.com/codefacebook/lazy-load-images.js/blob/master/images/cambodia-angkor-elephant.jpg" data-srcset="https://github.com/codefacebook/lazy-load-images.js/blob/master/images/cambodia-angkor-elephant.jpg 400w, https://github.com/codefacebook/lazy-load-images.js/blob/master/images/cambodia-angkor-elephant.jpg 800w, https://github.com/codefacebook/lazy-load-images.js/blob/master/images/cambodia-angkor-elephant.jpg 1600w">  <img src="https://github.com/codefacebook/lazy-load-images.js/blob/master/images/cambodia-angkor-elephant.jpg" alt="Cambodia Angkorwat" /></a>

Source

Clickhere to download source.


[8]ページ先頭

©2009-2026 Movatter.jp