NG_PHOTO-LIB

A Library containing the powerful libPhoto directive for displaying images. And some pre-made photo displaying components that make use of it.

What it does

Displays an image in any size of container. Depending on how the shapes of the image and the container compare to one another, the image is cropped vertically or horizontally. this

Usage

npm install --save ng-photo-lib@latest

Directive uses:

<div libPhoto='http://myphotourl'>

<div [libPhoto]='{ url: "http://myphotourl", focusPosition: new Position({ x: 50, y: 50 })>

Slideshow use:

<!-- Requires consumer to set the size of this component -->
<lib-photo-show [photos]='myPhotosArray' [interval]='10'></lib-photo-show>

Gallery use: Takes exactly 6 photos

<!-- Requires consumer to set the size of this component -->
<lib-photo-gallery [photos]='myPhotosArray'></lib-photo-gallery>