<commit_before># gaBasicSlider

A jQuery slider plug-in that's made to be **styleable**.

```javascript
$('#slider').gaBasicSlider();
```

If you want to design your own slider and can build it in html and css, gaBasicSlider can animate it and give you API controls into your own design.

**Note worthy features:**

- Touch navigation
- Customize behavior - modular parts
- Add to existing designs

## Simple API

Animation can be turned on and off using this simple API.

```javascript
$('#slider').gaBasicSlider('stop'); // turn animation off
$('#slider').gaBasicSlider('start');; // turn animation on
```

## gaBasicSlider options

This table shows each option of gaBasicSlider as well as the variable type of each option and what it's value will default too it the option is omitted.

| Option                   | Type                  | Default       |
| :----------------------- |:--------------------- | :------------ |
| animate                  | boolean               | true          |
| animationDelay           | number (milliseconds) | 6000          |
| animationTime            | number (milliseconds) | 300           |
| indicators               | object (jQuery)       | null          |
| btnNext                  | object (jQuery)       | null          |
| btnPrevious              | object (jQuery)       | null          |

Here is what it looks like when we set the options in JavaScript.

```javascript
$('#slider').gaBasicSlider({
    animate : true,
    animationDelay : 6000,
    animationTime : 300,
    indicators : $('#slider-indicators'),
    btnNext : $('#slider-next'),
    btnPrevious : $('#slider-previous')
});
```

## How it works

gaBasicSlider takes in an unordered list and animates them going from left to right. You can optionally pass in selectors for next and previous buttons. gaBasicSlider also takes in a selector where it can either generate indicators or use your existing indicators.

### The slider markup

First let's look at the markup for the slider itself.
<commit_msg>Updating readme for brevity<commit_after># gaBasicSlider

A jQuery slider plug-in that's made to be **styleable**.

```javascript
$('#slider').gaBasicSlider();
```

If you want to design your own slider and can build it in html and css, gaBasicSlider can animate it and give you API controls into your own design.

**Note worthy features:**

- Touch navigation
- Customize behavior - modular parts
- Add to existing designs

## Simple API

Animation can be turned on and off using this simple API.

```javascript
$('#slider').gaBasicSlider('stop'); // turn animation off
$('#slider').gaBasicSlider('start');; // turn animation on
```

## Options

This table shows each gaBasicSlider option as well as the variable type of each option and what it's value will default too if omitted.

| Option                   | Type                  | Default       |
| :----------------------- |:--------------------- | :------------ |
| animate                  | boolean               | true          |
| animationDelay           | number (milliseconds) | 6000          |
| animationTime            | number (milliseconds) | 300           |
| indicators               | object (jQuery)       | null          |
| btnNext                  | object (jQuery)       | null          |
| btnPrevious              | object (jQuery)       | null          |

Here is what it looks like when we set the options in JavaScript.

```javascript
$('#slider').gaBasicSlider({
    animate : true,
    animationDelay : 6000,
    animationTime : 300,
    indicators : $('#slider-indicators'),
    btnNext : $('#slider-next'),
    btnPrevious : $('#slider-previous')
});
```

## How it works

gaBasicSlider takes in an unordered list and animates them going from left to right. You can optionally pass in selectors for next and previous buttons. gaBasicSlider also takes in a selector where it can either generate indicators or use your existing indicators.

### The slider markup

First let's look at the markup for the slider itself.

{'fraction_non_alphanumeric': 0.12030822769077802, 'fraction_numerical': 0.00695998011434253, 'mean_word_length': 2.3338856669428334, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, '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': '2155363', 'n_tokens_mistral': 1027, 'n_tokens_neox': 970, 'n_words': 434}