Skip to content

hmrst/zooomin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

zooomin

Smooth image lightbox

Implementation

<head>
<link rel="stylesheet" href="zooomin.css">
</head>

<img class="zooomin">
<video class="zooomin" src="video.mp4"></video>

<script src="jquery.js"></script>
<script src="zooomin.js"></script>

Use

$('.zooomin').zooomin();

Options

$('.zooomin').zooomin({
  scrollClose: true       // default
  videoWidth: 1920,       // default (change so it matches your video size)
  videoHeight: 1080,      // default (change so it matches your video size)
  videoAutoplay: false,   // default
  onOpen: false,          // Eventlistener
  onClose: false,         // Eventlistener
});

Help

sass --watch sass/zooomin.sass:stylesheets/zooomin.css

TODO

Thumbnail support

About

A jQuery plugin for modals with a flow

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published