GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - Legitcode/image: an img tag, with lazy loading

BranchesTags
Open more actions menu

Latest commit

 

History

14 Commits
14 Commits

Folders and files

NameName
Last commit message
Last commit date
example
example
 
 
lib
lib
 
 
src
src
 
 
tests
tests
 
 
.babelrc
.babelrc
 
 
.gitignore
.gitignore
 
 
.npmignore
.npmignore
 
 
README.md
README.md
 
 
circle.yml
circle.yml
 
 
package.json
package.json
 
 

Repository files navigation

Circle CI ##Install npm install legit-image

##What is this?

This is a react component based off this post. It works just like a regular image tag, except it will only fade in once the image has loaded.

###Example

import Image from 'legit-image'

render(){
  return (
    <Image src="http://facebook.github.io/react/img/logo.svg" />
  )
}

##Props

  • speed: fade in speed in seconds, ex: 0.5, 1, defaults to 1

##That's about it

You can pass any other props and they will be applied to the image tag. If you have any ideas on making this better, feel free to send a pull request.

About

an img tag, with lazy loading

legitcode.github.io/image/

Resources

Readme
Activity
Custom properties

Stars

47 stars

Watchers

7 watching

Forks

0 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402520 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.