https://github.com/johnnythetank/angular-xgallerify
AngularJS directive for jquery.xGallerify
https://github.com/johnnythetank/angular-xgallerify
angular angularjs grid layout xgallerify
Last synced: 12 months ago
JSON representation
AngularJS directive for jquery.xGallerify
- Host: GitHub
- URL: https://github.com/johnnythetank/angular-xgallerify
- Owner: JohnnyTheTank
- License: isc
- Created: 2015-12-02T14:32:19.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-04-23T10:49:15.000Z (almost 10 years ago)
- Last Synced: 2025-04-08T22:01:43.493Z (12 months ago)
- Topics: angular, angularjs, grid, layout, xgallerify
- Language: HTML
- Size: 264 KB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# angular-xGallerify
AngularJS directive for [jquery.xGallerify](https://github.com/xremix/xGallerify)
[](https://badge.fury.io/js/angular-xgallerify)
[](https://badge.fury.io/bo/angular-xGallerify)
## Demos
- [Simple demo](https://rawgit.com/JohnnyTheTank/angular-xGallerify/master/demo/index.html)
- [Dynamic demo (pictures from twitter)](https://rawgit.com/JohnnyTheTank/apiNG-design-xgallerify/master/demo/) - based on [apiNG](https://github.com/JohnnyTheTank/apiNG)
## Usage
1. Install via either [bower](http://bower.io/), [npm](https://www.npmjs.com/) or downloaded files:
1. via bower: `bower install --save angular-xGallerify`
2. via npm: `npm install --save angular-xgallerify`
3. via CDN (jsDelivr)
4. via [downloaded files](https://github.com/JohnnyTheTank/angular-xGallerify/zipball/master)
2. Add `jtt_angular_xgallerify` to your application's module dependencies.
3. Include dependencies and angular-xGallerify in your HTML.
1. When using bower
```html
```
2. When using npm
```html
```
3. When using CDN (jsDelivr)
```html
```
4. When using downloaded files
```html
```
4. Use the directive `xgallerify` as **html attribute**
### Sample
```HTML
```
### Event
Angular event to manually re-balance all triggered elements use `angular-xGallerify.refresh`
```javascript
//dispatches the event upwards through the scope hierarchy
$scope.$emit('angular-xGallerify.refresh');
//dispatches the event downwards to all child scopes
$scope.$broadcast('angular-xGallerify.refresh');
```
### Parameters
Set your xGallerify parameters like this:
```HTML
```
#### All parameters
Get the **full list** of parameters at the **original project page: [jquery.xGallerify](https://github.com/xremix/xGallerify#parameters)**
### Compatibility
```HTML
```
is **equal** to
```HTML
```
## License
MIT