Light-weight, simple image lightbox and image viewer for AngularJS (1.x).
bower:
bower install https://github.com/rustygreen/angular-lightbox.git
npm:
npm install https://github.com/rustygreen/angular-lightbox.git
yarn:
yarn add https://github.com/rustygreen/angular-lightbox.git
raw github:
<script src="https://rawgit.com/rustygreen/angular-lightbox/master/src/angular-lightbox.js"></script>
Add module:
angular.module('yourApp', ['angular-lightbox']);
Turn image into lightbox on click:
<img src="..." lightbox/>
Customization:
angular.module('yourApp', ['angular-lightbox'])
.config(function(angularLightboxConfig) {
angular.extend(angularLightboxConfig, {
modalTemplate: 'YOUR_CUSTOM_TEMPLATE',
imgTitle: 'Click to enlarge image'
});
});