<commit_before># angular-xGallerify
AngularJS directive for [jquery.xGallerify](https://github.com/xremix/xGallerify)

## Demo

[simple demo](https://rawgit.com/JohnnyTheTank/angular-xGallerify/master/demo/index.html)

## Usage

1. Install
    1. via [bower](http://bower.io/): `bower install --save angular-xGallerify`
    2. via downloaded files
2. Add `jtt_angular_xgallerify` to your application's module dependencies.
3. Include dependencies in your HTML.
    1. When using bower
    ```html
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/xGallerify/dist/jquery.xgallerify.min.js"></script>
    ```
    2. When using downloaded files
    ```html
    <script src="YOUR_PATH/jquery.min.js"></script>
    <script src="YOUR_PATH/angular.min.js"></script>
    <script src="YOUR_PATH/jquery.xgallerify.min.js"></script>
    ```
4. Use the directive `xgallerify`

### Sample
```HTML
<div xgallerify>
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x320">
    <img src="http://placehold.it/600x320">
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x600">
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x600">
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x600">
    <img src="http://placehold.it/600x320">
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x400">
</div>
```

### Parameters
Set your xGallerify parameters like this:
```HTML
<div xgallerify="{ 'margin':10, 'mode':'bootstrap' }">
</div>
```

Get the full list of parameters at the original project page: [jquery.xGallerify](https://github.com/xremix/xGallerify#parameters)<commit_msg>docs: updated readme<commit_after># angular-xGallerify
AngularJS directive for [jquery.xGallerify](https://github.com/xremix/xGallerify)

## Demo

[simple demo](https://rawgit.com/JohnnyTheTank/angular-xGallerify/master/demo/index.html)

## Usage

1. Install
    1. via [bower](http://bower.io/): `bower install --save angular-xGallerify`
    2. via downloaded files
2. Add `jtt_angular_xgallerify` to your application's module dependencies.
3. Include dependencies in your HTML.
    1. When using bower
    ```html
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/xGallerify/dist/jquery.xgallerify.min.js"></script>
    ```
    2. When using downloaded files
    ```html
    <script src="YOUR_PATH/jquery.min.js"></script>
    <script src="YOUR_PATH/angular.min.js"></script>
    <script src="YOUR_PATH/jquery.xgallerify.min.js"></script>
    ```
4. Use the directive `xgallerify` as **html attribute**

### Sample
```HTML
<div xgallerify>
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x320">
    <img src="http://placehold.it/600x320">
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x600">
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x600">
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x600">
    <img src="http://placehold.it/600x320">
    <img src="http://placehold.it/600x400">
    <img src="http://placehold.it/600x400">
</div>
```

### Compatibility
`<div xgallerify>` is equal to `<div data-xgallerify>`

### Parameters
Set your xGallerify parameters like this:
```HTML
<div xgallerify="{ 'margin':10, 'mode':'bootstrap' }">
</div>
```

Get the full list of parameters at the original project page: [jquery.xGallerify](https://github.com/xremix/xGallerify#parameters)
{'fraction_non_alphanumeric': 0.178174295319369, 'fraction_numerical': 0.04551331781742953, 'mean_word_length': 4.12317880794702, 'pattern_counts': {'":': 0, '<': 63, '<?xml version=': 0, '>': 63, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2289114', 'n_tokens_mistral': 1506, 'n_tokens_neox': 1364, 'n_words': 254}