Deprecated jQuery Plugin. Use at your own risk
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
img
js
test/jasmine
.gitignore
carouselThis.jquery.json
index.html
license.txt
readme.md
testem.json

readme.md

#carouselThis Jquery Plugin

Carousel/Slider Plugin that focuses on ease of use and performance. Very light weight with 0 DOM heavy lifting after initialization of the plugin.

Demo here.

###More Features on the way###

##Usage

###Markup & Init

This is the minimum markup to get statrted

<div id="carousel">       
   <div id="carouselThis-frame">
      <ol>
         <li>Your content here (Images, Inline text ..)</li>
         <li>Your content here (Images, Inline text ..)</li>
         <li>Your content here (Images, Inline text ..)</li>
         <li>Your content here (Images, Inline text ..)</li>
      </ol>
   </div>
</div>

With the mark above the Script init would look like:

$(document).ready(function({
	$("#carousel").carouselThis();
})

Or with options:

$(document).ready(function({
   $("#carousel").carouselThis({showPager: false});
})

##Options defaults : { type : 'normal', // normal, fluid, responsive easingMethod : "linear", tansitionSpeed : 500, switchDelay : 2000, navigation : { 'type' : 'thumbnail', 'position' : 'top', 'id' : 'carouselThis-menu', 'className' : 'carouselThis-menu', 'rightBtnId' : 'rightBtn', 'leftBtnId' : 'leftBtn' } } type Currently Deprecated (Todo : fluid, responsive)

easingMethod Must be an existing easing method name. Default to linear

tansitionSpeed Speed of the sliding effect

switchDelay Delay of the auto slide (TODO)

navigation Configuration object :