AnySlider

KO | EN

gitlite — search

#javascript #hacktoberfest #golang #android #rust #linux #windows #awesome #cli #vue #awesome-list #security #ios #openai

(★ 40)

A jQuery/Zepto.js plugin for creating a slider for any kind of content.

AnySlider 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# AnySlider 2.1.0

> A jQuery/Zepto.js plugin for creating a slider for any kind of content.

### Building AnySlider
To build and automatically minify and run JSHint on the code you'll need the latest [Node.js/npm](https://nodejs.org/) and [Git](http://git-scm.com/).
Please refer to their respective home pages for installation instructions.

Then install the [grunt-cli](http://gruntjs.com/getting-started#installing-the-cli) package globally (if not done already):

```bash
npm install -g grunt-cli
```

Then install the Node dependencies:

```bash
cd AnySlider && npm install
```

Now, to get a minified and linted version of AnySlider run:

```bash
grunt
```

If all goes well and your code passes the lint a file called "jquery.anyslider.min.js" will be created in the "dist" directory.

## Features
* Continuous autoplay.
* Custom easings.
* Fade or slide transition.
* Highly customizable appearance and lots of options.
* Keyboard navigation.
* Multiple sliders on one page supported.
* Navigation bullets.
* No CSS or HTML-structure enforced, you're 100% in charge.
* Slide any content or using any element. HTML, images and YouTube clips. Or mix &lt;div&gt;s, &lt;span&gt;s, and &lt;section&gt;s. AnySlider doesn't care.
* Small, 1.5 kB minified and gzipped (3.5 kB minified).
* Supported in all major browsers.
* Touch support (Android, iOS, and Windows 8).

## Options
* `afterChange` (Default function ()) function A function to call after each slide change.
* `afterSetup` (Default function ()) function A function to call after the slider has been setup.
* `animation` (Default slide") string Transition, one of the following:
    * `fade` Fades between slides.
    * `slide` A sliding aniamtion between slides.
* `beforeChange` (Default function ()) function A function to call before each slide change.
* `easing` (Default "swing") string Name of a custom easing. For example via the jQuery Easing plugin. Only used when "animation" is "slide".
* `interval` (Default 5000) integer Number of milliseconds to pause on each slide. Setting this option to 0 will disable autoplay.
* `keyboard` (Default true) boolean Allow for keyboard navigation using the left and right arrow keys.
* `nextLabel` (Default "Next slide") string Label for the next button.
* `pauseOnHover` (Default true) boolean Pause the autoplay on hover?
* `prevLabel` (Default "Previous slide") string Label for the previous button.
* `reverse` (Default false) boolean Whether to slide right-to-left instead of left-to-right when autoplay is enabled.
* `showBullets` (Default true) boolean Whether or not to display navigation bullets. Setting this to false will prevent the bullets from being drawn at all.
* `showControls` (Default true) boolean Show/hide controls. Setting this to false will prevent the controls from being drawn at all.
* `speed` (Default 400) int The animation time in milliseconds. Setting this option to 0 will disable animation.
* `startSlide` (Default 1) int Number of the starting slide. Starting from 1.
* `touch` (Default true) boolean Whether to enable the ability to swipe between slides.

## Requirements
* jQuery 1.7.0 (or later).
* Or Zepto 1.1.0 (or later) with the following modules:
    * zepto
    * data
    * event
    * fx
    * fx_methods
    * ie (Optional, if IE10+ support is wanted)

## License
Free to use and abuse under the [MIT license](http://www.opensource.org/licenses/mit-license.php).

AnySlider

AnySlider 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

AnySlider

AnySlider 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README