AltRoot17 / jiwer

AngularJs (+ ionic) mobile friendly image viewer

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

AngularJs / Ionic Image Viewer

Gallery, carousel, image viewer module for Angular JS, can be used with Ionic. Touch devices supported. Simple Demo and Ionic Demo

Usage:

  • Add angular and ngImageViewer to your code:
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<script src="ngImageViewerDirective.js"></script>
  • Add a dependency to the ngImageViewer module in your application.
angular.module('app', ['ngImageViewer']);
  • Add attribute directives to your html:
<div class="container">
  <div ng-image-viewer imgs="imgs" current="currentImgId"></div>
</div>

** Parameters **

  • imgs array of urls (required)
  • current index of image thal will be shown (optional, defaults to 0)

Ionic usage: You need just create modal and insert:

<div ng-image-viewer imgs="imgs" current="currentImgId"></div>

Pull requests

We welcome pull requests but please check that all the examples still work if you modified the source base. There have been serveral PRs recently that broke core functionality. If you are feeling really keen you could include some protractor test cases in your PR.

About

AngularJs (+ ionic) mobile friendly image viewer

License:MIT License


Languages

Language:JavaScript 50.9%Language:HTML 38.4%Language:CSS 10.7%