Vue It Bigger

Overview

Vue It Bigger! is an impressive image and video lightbox component designed for Vue.js 2, enhancing the user experience with a range of customizable features. Built on the original vue-image-lightbox, it aims to create an unobtrusive interface that seamlessly displays media without cluttering the screen. With the ability to embed YouTube videos and present images in fullscreen, this component is perfect for developers looking to elevate their media galleries.

By incorporating not just images but also videos and enriching the viewing experience with optional captions and thumbnail galleries, Vue It Bigger! addresses common limitations found in typical lightbox implementations. This makes it a top choice for those wanting to streamline their media presentation while maintaining an aesthetically pleasing design.

Features

• Unobtrusive Interface: The lightbox interface disappears after a few seconds, reappearing with mouse activity to keep the focus on the media.
• Thumbnail Strip: Optional thumbnail navigation for quick access to all media items in the gallery.
• HTML Enabled Captions: Each image or video can showcase an HTML-enabled caption below, adding context or information.
• Automatic Slideshow: Can be configured to play through the gallery automatically, ensuring a hands-free experience.
• Customizable Graphics: Previous, next, and close buttons can be customized via slots, allowing for unique branding.
• Improved Media Handling: Unlike standard lightboxes, this component stretches media to fit the full width and height of the window, enhancing visibility.
• Smoother Experience: Features such as fade transitions and off-screen caption bars contribute to a polished user interface.
• Event Emissions: Built-in events like onOpened, onClosed, and onLoad simplify tracking user interactions with the lightbox, enhancing engagement metrics.