Skip to content

thisislawatts/coverimage

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CoverImage

Scrutinizer Code Quality

Takes an element and uses the first image found to replicate the behaviour of background-size: cover from CSS.

The advantage of this method is that you get all the semantics/accessibility of an image present within the mark-up.

Usage

 <div data-cover-image>
   <img src="http://example.com/cat.jpg"/>
 </div>
 <script src="https://unpkg.com/coverimage/dist/coverimage.js"></script>

Contributing

Please do.

About

Background Image without the CSS

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published