ng-blueimp-gallery
Angular Directive for Blueimp Gallery
Demo
Dependencies
Make sure you load all dependencies before loading ng-blueimp-gallery files
Setup
Copy the css, img and js directories from Blueimp gallery to your website.
Include the Gallery stylesheet in the head section of your webpage:
<link rel="stylesheet" href="css/blueimp-gallery.min.css">Include the Gallery script at the bottom of the body of your webpage:
<script src="js/blueimp-gallery.min.js"></script>Download ng-blueimp-gallery.js file from this repo and add it at the bottom of the body of your webpage. :
<script src="js/ng-blueimp-gallery.js"></script>using bower or npm
bower install --save ng-blueimp-gallery
npm install --save ng-blueimp-gallery
Add ui.blueimp.gallery module to your app's dependencies.
var app = angular.module('app', ['ui.blueimp.gallery']);
Create gallery
<ui-gallery list="list"></ui-gallery>
pass the list of images from a controller.