<commit_before># ezslider


A very simple jQuery plugin for slideshows iOS-style bullets on mobile devices.  No bells and whistles.


## Install

Node:

    npm install ezslider

Browser:

Since <em>ezslider</em> requires [HammerJS](http://hammerjs.github.io/) and [JQuery](http://jquery.org) to function, you can either include the dependencies yourself as follows:

    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="//hammerjs.github.io/dist/hammer.min.js"></script>
    <script src="//like-falling-leaves.github.io/ezStyles/ezStyles.js">
    <script src="//like-falling-leaves.github.io/ezslider/ezslider.bullets.js">
    <script src="//like-falling-leaves.github.io/ezslider/ezslider.js">
    <link href="//like-falling-leaves.github.io/ezslider/ezslider.css">


Or, you can use the version which rolls up [HammerJS](http://hammerjs.github.io/):

    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="//like-falling-leaves.github.io/ezslider/ezslider.all.js">

<p style="border: 1px solid red"> <em>Note #1<em> The first version (<em>ezslider.js</em>) above does not include the <em>bullets</em> plugin -- that should be included manually.  The second one (<em>ezslider.all.js</em>) rolls in the <em>bullet</em> plugin as well. </p>

<p style="border: 1px solid red"> <em>Note #2<em> The first version (<em>ezslider.js</em>) does not include styles required so you have to explicitly include the styles (see <em>ezslider.css</em> for sample styles).  The second one (<em>ezslider.all.js</em>) includes the styles by default though it can be disabled via options so you can still override them if you would like.

## Usage

<em>Examples</em>: All the examples use the following HTML

```html
<div class="slider">
   <div class="item">
      <p>This is the first slider item.</p>
      <p>Second Paragrah</p>
   </div>
   <div class="item">
      <p>This is the second slider item.</p>
      <p>Second Paragrah</p>
   </div>
   <div class="item">
      <p>This is the third slider item.</p>
   </div>
</div>
```

<em>Example #1</em>: Barebones with no styles loaded and no bullets

```javascript
   $(function () {
       $('.slider).slider({
           noStyles: true,
           bullets: false
       });
   });
```

<em>Example #2</em>: Bare-bones slider but use default styles

```javascriopt
   $(function () {
       $('.slider).slider({
           bullets: false
       });
   });
```

<em>Example #3</em>: Slider with bullets but not styles

```javascriopt
   $(function () {
       $('.slider).slider({
           noStyles: true,
           bullets: {noStyles: true}
       });
   });
```

<em>Example #4</em>: Slider with bullets and default styles

```javascriopt
   $(function () {
       $('.slider).slider({});
   });
```

<commit_msg>Add examples<commit_after># ezslider


A very simple jQuery plugin for slideshows iOS-style bullets on mobile devices.  No bells and whistles.


## Install

Node:

    npm install ezslider

Browser:

Since <em>ezslider</em> requires [HammerJS](http://hammerjs.github.io/) and [JQuery](http://jquery.org) to function, you can either include the dependencies yourself as follows:

    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="//hammerjs.github.io/dist/hammer.min.js"></script>
    <script src="//like-falling-leaves.github.io/ezStyles/ezStyles.js">
    <script src="//like-falling-leaves.github.io/ezslider/ezslider.bullets.js">
    <script src="//like-falling-leaves.github.io/ezslider/ezslider.js">
    <link href="//like-falling-leaves.github.io/ezslider/ezslider.css">


Or, you can use the version which rolls up [HammerJS](http://hammerjs.github.io/):

    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="//like-falling-leaves.github.io/ezslider/ezslider.all.js">

<p style="border: 1px solid red"> <em>Note #1<em> The first version (<em>ezslider.js</em>) above does not include the <em>bullets</em> plugin -- that should be included manually.  The second one (<em>ezslider.all.js</em>) rolls in the <em>bullet</em> plugin as well. </p>

<p style="border: 1px solid red"> <em>Note #2<em> The first version (<em>ezslider.js</em>) does not include styles required so you have to explicitly include the styles (see <em>ezslider.css</em> for sample styles).  The second one (<em>ezslider.all.js</em>) includes the styles by default though it can be disabled via options so you can still override them if you would like.

## Usage

<em>Examples</em>: All the examples use the following HTML

```html
<div class="slider">
   <div class="item">
      <p>This is the first slider item.</p>
      <p>Second Paragrah</p>
   </div>
   <div class="item">
      <p>This is the second slider item.</p>
      <p>Second Paragrah</p>
   </div>
   <div class="item">
      <p>This is the third slider item.</p>
   </div>
</div>
```

<em>Example #1</em>: Barebones with no styles loaded and no bullets.   See <a href="//like-falling-leaves.github.io/ezslider/example3.html">demo</a>.


```javascript
   $(function () {
       $('.slider).slider({
           noStyles: true,
           bullets: false
       });
   });
```

<em>Example #2</em>: Bare-bones slider but use default styles.   See <a href="//like-falling-leaves.github.io/ezslider/example2.html">demo</a>.

```javascriopt
   $(function () {
       $('.slider).slider({
           bullets: false
       });
   });
```

<em>Example #3</em>: Slider with bullets but not styles.  See <a href="//like-falling-leaves.github.io/ezslider/example3.html">demo</a>.

```javascriopt
   $(function () {
       $('.slider).slider({
           noStyles: true,
           bullets: {noStyles: true}
       });
   });
```

<em>Example #4</em>: Slider with bullets and default styles.   See <a href="//like-falling-leaves.github.io/ezslider/example3.html">demo</a>.

```javascriopt
   $(function () {
       $('.slider).slider({});
   });
```


{'fraction_non_alphanumeric': 0.16988416988416988, 'fraction_numerical': 0.006043310391136478, 'mean_word_length': 3.2618025751072963, 'pattern_counts': {'":': 0, '<': 135, '<?xml version=': 0, '>': 135, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3969871', 'n_tokens_mistral': 2045, 'n_tokens_neox': 1964, 'n_words': 529}