ng-blueimp-gallery

Angular Directive for Blueimp Gallery

Demo

Angular blueimp Gallery Demo

Dependencies

1. AngularJS
2. blueimp-gallery

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.