All Projects → m00s → Angular Photoswipe

m00s / Angular Photoswipe

Licence: mit
An angular directive for PhotoSwipe image gallery

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Angular Photoswipe

Paparazzo
Custom iOS camera and photo picker with editing capabilities
Stars: ✭ 714 (+864.86%)
Mutual labels:  gallery
React Grid Carousel
React responsive carousel component w/ grid layout
Stars: ✭ 29 (-60.81%)
Mutual labels:  gallery
Imageviewer.swift
An easy to use Image Viewer that is inspired by Facebook
Stars: ✭ 1,071 (+1347.3%)
Mutual labels:  gallery
Spotlight
Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies.
Stars: ✭ 799 (+979.73%)
Mutual labels:  gallery
Django Starcross Gallery
Django Gallery app with justified image layout, infinite scrolling and drag & drop support
Stars: ✭ 28 (-62.16%)
Mutual labels:  gallery
React Upload Gallery
React for Upload Image Gallery. Drag & Drop, Sortable, Customize.
Stars: ✭ 33 (-55.41%)
Mutual labels:  gallery
Swiper
Most modern mobile touch slider with hardware accelerated transitions
Stars: ✭ 29,519 (+39790.54%)
Mutual labels:  gallery
Wear Gallery
maybe the best gallery on watch (WearOS/Ticwear)
Stars: ✭ 60 (-18.92%)
Mutual labels:  gallery
Collectionviewpaginglayout
a simple but highly customizable paging layout for UICollectionView.
Stars: ✭ 947 (+1179.73%)
Mutual labels:  gallery
Filemanager Ui
It is the graphical user interface File Manager, regardless of the backend, lets you work with PHP, Python, nodejs or another.
Stars: ✭ 44 (-40.54%)
Mutual labels:  gallery
Lychee
A great looking and easy-to-use photo-management-system you can run on your server, to manage and share photos.
Stars: ✭ 816 (+1002.7%)
Mutual labels:  gallery
Android Image Picker
Image Picker for Android 🤖
Stars: ✭ 847 (+1044.59%)
Mutual labels:  gallery
Yimagepicker
小红书多图剪裁+微信图片选择器+大图预览+图片剪裁(支持圆形剪裁和镂空剪裁),已适配androidQ,借鉴并升级matisse加载内核!超强定制性可轻松实现知乎/马蜂窝/微博等特殊样式!支持跨进程回调!内部结构轻量级,无任何第三方开源库!支持support依赖!
Stars: ✭ 975 (+1217.57%)
Mutual labels:  gallery
Photobox
A lightweight CSS3 image viewer that is pretty to look and and easy to use
Stars: ✭ 735 (+893.24%)
Mutual labels:  gallery
Photo Blog
The Photo Blog Application based on Laravel 5 and Vue.js 2 + Prerender
Stars: ✭ 55 (-25.68%)
Mutual labels:  gallery
Glightbox
Pure Javascript lightbox with mobile support. It can handle images, videos with autoplay, inline content and iframes
Stars: ✭ 702 (+848.65%)
Mutual labels:  gallery
Deemo
Deemo(古树旋律)曲绘集复刻
Stars: ✭ 32 (-56.76%)
Mutual labels:  gallery
Omg Music
Music making, remixing, and collaborating tools for the web
Stars: ✭ 74 (+0%)
Mutual labels:  gallery
Flickr Set Get
A simple command line app to download photos from a flickr set
Stars: ✭ 57 (-22.97%)
Mutual labels:  gallery
Enjoylife
😊开源App项目,每天一张精选倩图、一个精选小视频,一篇知乎美文
Stars: ✭ 43 (-41.89%)
Mutual labels:  gallery

COLLABORATORS WANTED

Unfortunately I cannot actively contribute and maintain this module anymore.

There seems to be enough interest to keep it going, so if anyone who's using it would like to become a collaborator please inbox me

Angular PhotoSwipe

AngularJS directive for PhotoSwipe.

Copyright © 2016, Massimiliano Sartoretto

Find me on: alt text alt text alt text

Installation

You can choose your preferred method of installation:

  • Through bower: bower install ng-photoswipe --save
  • Through npm: npm install ng-photoswipe --save
  • Download from github: angular-photoswipe.min.js

Usage

Inject ngPhotoswipe module in your application with:

angular
  .module('myApp', ['ngPhotoswipe'])

and use the directive as below:

<div ng-photoswipe
     slides="slides"
     slide-selector=".my-awesome-thumbnail"
     open="isOpen"
     on-close="onGalleryClose()"
     template="'./myGallery.template.html'"
     options="opts"></div>

where slides is an object defining the images, and the slideSelector is a valid selector to query the gallery images.

The open attribute is a scope boolean that start the gallery when truthy.

The on-close callback will be called after the gallery closes, not surprising.

You can also provide your own template that will override the default one.

(For further infos follow the Official docs)

Changelog

v0.1.1 (May 12, 2016)

  • Fix overridden opts

v0.1.0 (May 05, 2016)

  • Animation support for multiple galleries
  • Fix start animation

v0.0.9 (Feb 15, 2016)

  • Add ngTemplates grunt task
  • Fix npm package version

v0.0.8 (Dec 28, 2015)

  • Add custom event to manually start Photoswipe
  • Better demo

v0.0.7 (Dec 18, 2015)

  • Better grunt build
  • Add template attribute to override the default html template

v0.0.6 (Dec 11, 2015)

  • Fix DI bug due to undefined controller
  • Improve jshint rules

v0.0.5 (Dec 08, 2015)

  • Update bower configuration

v0.0.4 (Aug 29, 2015)

  • Move link definition inside directive block

v0.0.3 (Aug 27, 2015)

  • Update demoApp
  • Better code style

v0.0.2 (Aug 27, 2015)

  • Add JP's jshint
  • External template compilation

v0.0.1 (Aug 26, 2015)

  • Add directive template
  • Add ngPhotoswipeProvider
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].