A simple image / (YouTube) video lightbox component for Vue.js.
npm install vue-it-bigger
A simple image / (YouTube) video lightbox component for Vue.js 3.
Click on the screenshot above for a demo.
* Unobtrusive interface that disappears after a few seconds, reappears on mouse activity
* Optional thumbnail strip with all of the gallery's media
* Can show an HTML enabled caption under each image or video
* Can play the slideshow automatically
* All of the graphics (previous, next and close buttons) can be customized via slots
* Can skip to next / previous media programatically
* Allows embedding YouTube videos
* Lightbox opens and closes with a short fade
* Media's width is no longer limited (stretches to the full width / height of the window)
* When opening the lightbox the media doesn't flicker
* Moved caption bar and image counter off the media to the bottom of the screen
* Moved thumbnails to the top of the screen (as the bottom is now used by the caption bar)
* All interface elements have a background for better visibility
* Simplified CSS
You know the drill:
``bash`
npm install vue-it-biggeror
yarn add vue-it-bigger
You can view App.vue or the demo for an usage example.
In the