{"repo":"BenjaminBrandmeier/angular2-image-gallery","free":true,"listed":false,"github":"https://github.com/BenjaminBrandmeier/angular2-image-gallery","clone":"git clone https://github.com/BenjaminBrandmeier/angular2-image-gallery.git","description":"Image Gallery built with Angular 21+, node.js and GraphicsMagick","language":"TypeScript","stars":306,"topics":["image-gallery","angular-image-gallery","angular2-image-gallery","gallery","angular"],"license":"MIT","category":"media-processing","readme_excerpt":"Angular 2 Image Gallery ---- compatible with Angular 21 (and older versions) <---- Responsive image gallery designed for high resolution images. The project consists of a gallery (+ viewer) and a script for image preparation. Demo https://oidamo.de/blog/gallery-demo Fundamentals Before Using the gallery, you have to process all of your images with the convert script. The processed images will be stored to your applications assets. The viewer takes care of an optimal image quality being served based on the users screen resolution. Installation 1. Install graphicsmagick Follow the instructions: http://www.graphicsmagick.org/README.html#installation 2. Install dependencies 3. Import modules 4. Run convert script Add a flag to define the order of the images inside the gallery -n sort by file name (default) -d sort chronologically by the original creation time -c sort by primary image color Additional optional parameter to support multiple galleries. Add it if you want to put your images into a separate gallery. --gName=yourGalleryName 5. Embed gallery in your template All parameters are optional. [flexBorderSize] used to define the border thickness between the images within the gallery. [flexImageSize] used to define the size of the images with the gallery (not the viewer). [galleryName] used when having multiple galleries. [maxRowsPerPage] maximum rows per gallery, this will add navigation arrows once the threshold is reached. [viewerChange] event fires once the viewer component","default_branch":null,"files":null,"tree":[],"storefront":"/r/BenjaminBrandmeier","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/BenjaminBrandmeier/angular2-image-gallery/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}