Animated Image Lightbox Using AngularUI Bootstrap Modal

Author: compact
Official Page: Go to website
Publish Date: December 25, 2014
License: MIT

Description:

Displays your large images in an animated & responsive lightbox using AngularUI Bootstrap Modal component.

When the lightbox is opened, navigating to the previous/next image can be achieved by clicking buttons above the image, clicking the left/right arrow keys, or swiping to the left/right (using ngTouch directives). The escape key for closing the modal is automatically binded by AngularUI Bootstrap.

Large images are scaled to fit inside the window. An optional image caption overlays the top left corner of the image. angular-loading-bar is used to show the progress of the image being loaded.

Previews:

Animated Image Lightbox Using AngularUI Bootstrap Modal


You Might Be Interested In:

Tags:

Add Comment