Skip to content
Angular Directive for blueimp Gallery
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
.gitignore
LICENSE
README.md
bower.json
ng-blueimp-gallery.js
package.json

README.md

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.

You can’t perform that action at this time.