Overview

Angular Bootstrap Lightbox is an intuitive and versatile solution for displaying images in a modal format using AngularUI Bootstrap. Designed for seamless integration, this lightbox allows users to effortlessly navigate through a gallery of images, enhancing the visual experience on web applications. The combination of user-friendly features and flexibility with customization makes it a delightful option for developers looking to implement an image viewing solution.

With support for video integration and additional dependencies, Angular Bootstrap Lightbox can cater to various media types, creating a rich user experience. Whether you're building a simple photo gallery or a more complex multimedia showcase, this lightbox ensures that your content is presented beautifully and interactively.

Features

Intuitive Navigation: Easily navigate through images using buttons, arrow keys, or swipes, offering multiple interaction options for users.
Large Image Support: Automatically scales large images to fit within the lightbox, ensuring optimal viewing without scrolling.
Customizable Templates: Modify the default lightbox appearance by using custom templates and CSS for a personalized touch.
Video Compatibility: Supports video embedding and playback alongside standard images using a simple array structure.
Keyboard Navigation Control: Enable or disable keyboard navigation, giving developers the flexibility to tailor user interactions based on their app's requirements.
Loading Indicators: Show a loading bar when images are being fetched, enhancing user experience during content retrieval.
Flexible Image Arrays: Accepts various types of content in the image array, allowing for diverse configurations tailored to specific needs.
Swipe Navigation: Enhance mobile experience with optional swipe functionality when including ngTouch, making navigation seamless on touch devices.

Compact

Angular Bootstrap Lightbox