<commit_before># Pogo Slider Jquery Plugin

See http://fluice.com/pogo-slider for demos and further info

## About

Pogo Slider is a jQuery plugin that allows you to create animated image/content sliders. CSS animations are used to transition between slides. A CSS animation can be triggered on element within a slide, after the slide transitions in, and as the slide transitions out.

## Usage

### markup

	<div class="pogoSlider">

		<div class="pogoSlider-slide" data-transition="slideOverLeft" data-duration="1000"  style="background-image:url(img/slide1.jpg);">
			<h2 class="pogoSlider-slide-element" data-in="slideDown" data-out="slideUp" data-duration="750" data-delay="500">Your Content Here!</h2>
		</div>
		<div class="pogoSlider-slide " data-transition="fold" data-duration="1000"  style="background-image:url(img/slide2.jpg);"></div>

	</div><!-- .pogoSlider -->

### Instantiating the plugin and calling the slider methods

	var mySlider = $('.mySlider').pogoSlider(/* opts */).data('plugin_pogoSlider');

	mySlider.pause(); // Pauses the slider on the current slide, only works if autoplay option set to true

	mySlider.resume(); // Resumes the slider back to normal operation

	mySlider.nextSlide(); // Transition to the next slide

	mySlider.prevSlide(); // Transition to the previous slide

	mySlider.toSlide(2); // Transitions to the slide index passes to the method

	mySlider.destroy(); // Destroys the plugin, restoring elements to their default state

### Options

#### autoplay (Boolean)

When set to true, slides transition between one another automatically

#### autoplayTimeout (Integer)

The amount of time between a slide transitioning in ends and slide transition out starts. Only applied when autoplay is set to true

#### displayProgess (Boolean)

Creates a progress bar that displays the amount of time left until the current slide transitions out. Only applied when autoplay is set to true

#### baseZindex (Integer)

Used when setting the z-index of slides. Raise the Number if you need the slider to overlap another element

#### onSlideStart (Function)

Callback function that runs on slide start. Receives the index of the current slide

#### onSlideEnd (Function)

Callback function called on slide end. Receives the index of the current slide

#### onSliderPause (Function)

Callback function called when the slider has been paused, recieves index of current slide

#### onSliderResume (Function)

Callback function called when the slider has resumed after being paused. Received the index of the current slide

#### slideTransition (String)

Sets the default slide transitions. Only used if the data-transition property has not been set on the slides element

#### slideTransitionDuration (Integer)<commit_msg>Fixed spelling error in readme<commit_after># Pogo Slider Jquery Plugin

See http://fluice.com/pogo-slider for demos and further info

## About

Pogo Slider is a jQuery plugin that allows you to create animated image/content sliders. CSS animations are used to transition between slides. A CSS animation can be triggered on element within a slide, after the slide transitions in, and as the slide transitions out.

## Usage

### markup

	<div class="pogoSlider">

		<div class="pogoSlider-slide" data-transition="slideOverLeft" data-duration="1000"  style="background-image:url(img/slide1.jpg);">
			<h2 class="pogoSlider-slide-element" data-in="slideDown" data-out="slideUp" data-duration="750" data-delay="500">Your Content Here!</h2>
		</div>
		<div class="pogoSlider-slide " data-transition="fold" data-duration="1000"  style="background-image:url(img/slide2.jpg);"></div>

	</div><!-- .pogoSlider -->

### Instantiating the plugin and calling the slider methods

	var mySlider = $('.mySlider').pogoSlider(/* opts */).data('plugin_pogoSlider');

	mySlider.pause(); // Pauses the slider on the current slide, only works if autoplay option set to true

	mySlider.resume(); // Resumes the slider back to normal operation

	mySlider.nextSlide(); // Transition to the next slide

	mySlider.prevSlide(); // Transition to the previous slide

	mySlider.toSlide(2); // Transitions to the slide index passes to the method

	mySlider.destroy(); // Destroys the plugin, restoring elements to their default state

### Options

#### autoplay (Boolean)

When set to true, slides transition between one another automatically

#### autoplayTimeout (Integer)

The amount of time between a slide transitioning in ends and slide transition out starts. Only applied when autoplay is set to true

#### displayProgess (Boolean)

Creates a progress bar that displays the amount of time left until the current slide transitions out. Only applied when autoplay is set to true

#### baseZindex (Integer)

Used when setting the z-index of slides. Raise the Number if you need the slider to overlap another element

#### onSlideStart (Function)

Callback function that runs on slide start. Receives the index of the current slide

#### onSlideEnd (Function)

Callback function called on slide end. Receives the index of the current slide

#### onSliderPause (Function)

Callback function called when the slider has been paused, receives index of current slide

#### onSliderResume (Function)

Callback function called when the slider has resumed after being paused. Received the index of the current slide

#### slideTransition (String)

Sets the default slide transitions. Only used if the data-transition property has not been set on the slides element

#### slideTransitionDuration (Integer)
{'fraction_non_alphanumeric': 0.0923745698243072, 'fraction_numerical': 0.006882811084948379, 'mean_word_length': 4.7943336831059815, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 21, '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': '7599754', 'n_tokens_mistral': 1521, 'n_tokens_neox': 1471, 'n_words': 657}