<commit_before># Carusela.js

Overflow scroll based carousel, aiming for minimalist JS code manipulations by using CSS 'scroll' as animation in order to get most native like feeling in both desktop and mobile touch enabled devices.

[Check out the demo page](http://wallacode.github.io/carusela.js/)

![Demo](https://raw.githubusercontent.com/wallacode/carusela.js/master/images/demo-1.png "Demo")

## Features

* Back & forward buttons
* Using -webkit-overflow-scrolling for momentum scrolling

## Getting Started

Add to your code the carusela.js and carusela.css files.

```html
<link href="src/carusela.css" type="text/css" rel="stylesheet"/>
<script src="src/carusela.js"></script>
```

Initialize the Carusela class with any DOM element that contains any number of direct children.

```javascript
var carusela = new window.Carusela(document.getElementById('demo'));
```

```html
<ul id="demo">
    <li><img src="http://www.walla.co.il/images/apple/common-color-1.png" alt="Slide #1">
    <li><img src="http://www.walla.co.il/images/apple/common-color-2.png" alt="Slide #2">
    <li><img src="http://www.walla.co.il/images/apple/common-color-3.png" alt="Slide #3">
    <li><img src="http://www.walla.co.il/images/apple/common-color-4.png" alt="Slide #4">
</ul>
```

## Roadmap

Stuff we need to add...

* Add build
* List on bower
* Add tests
* Disable buttons when no scroll available
* Add RTL support
* Add folds support
* Add optional values

## Follow Us

* Twitter - [https://twitter.com/wallacode](https://twitter.com/wallacode)
* Facebook - [https://www.facebook.com/wallacode](https://www.facebook.com/wallacode)
* GitHub - [https://github.com/wallacode](https://github.com/wallacode)<commit_msg># update readme file<commit_after># Carusela.js

Overflow scroll based carousel, aiming for minimalist JS code manipulations by using CSS 'scroll' as animation in order to get most native like feeling in both desktop and mobile touch enabled devices.

[Check out the demo page](http://wallacode.github.io/carusela.js/)

![Demo](https://raw.githubusercontent.com/wallacode/carusela.js/master/images/demo-1.png "Demo")

## Features

* Back & forward buttons
* Using -webkit-overflow-scrolling for momentum scrolling
* RTL support (rtl as default)
* Handle with touch devices
* Smooth scrolling
* Fold scrolling
* Toggle backward button display

## Getting Started

Add to your code the carusela.js and carusela.css files.

```html
<link href="src/carusela.css" type="text/css" rel="stylesheet"/>
<script src="src/carusela.js"></script>
```

Initialize the Carusela class with any DOM element that contains any number of direct children.

```javascript
var carusela = new Carusela();
```

```html
<ul id="demo">
    <li><img src="http://www.walla.co.il/images/apple/common-color-1.png" alt="Slide #1">
    <li><img src="http://www.walla.co.il/images/apple/common-color-2.png" alt="Slide #2">
    <li><img src="http://www.walla.co.il/images/apple/common-color-3.png" alt="Slide #3">
    <li><img src="http://www.walla.co.il/images/apple/common-color-4.png" alt="Slide #4">
</ul>
```

## Package Manager

# Bower
bower install walla-carusela

## Optional

    var carusela = new Carusela({
        direction: 'ltr',             =>     rtl / ltr         (string)   
        scrollingPer : 'element',     =>     fold / element    (string) 
        toggleBackward : true         =>     true / false      (boolean)
    }).init();



## Roadmap

Stuff we need to add...

* Add build
* Add tests

## Follow Us

* Twitter - [https://twitter.com/wallacode](https://twitter.com/wallacode)
* Facebook - [https://www.facebook.com/wallacode](https://www.facebook.com/wallacode)
* GitHub - [https://github.com/wallacode](https://github.com/wallacode)
{'fraction_non_alphanumeric': 0.1549973276322822, 'fraction_numerical': 0.004810261892036344, 'mean_word_length': 3.89281045751634, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 32, 'https://': 14, 'lorem ipsum': 0, 'www.': 12, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6551701', 'n_tokens_mistral': 1257, 'n_tokens_neox': 1221, 'n_words': 316}