Home > Modal & Overlay > Animated Image Lightbox Using AngularUI Bootstrap Modal

Animated Image Lightbox Using AngularUI Bootstrap Modal

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.

  Website Demo

About admin