A touch focused slider. With acceleration and easily configurable. Now it is in alpha phase and any feedback will be welcome.
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_notes
css
js
.gitattributes
.gitignore
404.html
MIT-LICENCE..txt
README.md
apple-touch-icon-114x114-precomposed.png
apple-touch-icon-57x57-precomposed.png
apple-touch-icon-72x72-precomposed.png
apple-touch-icon-precomposed.png
apple-touch-icon.png
crossdomain.xml
favicon.ico
humans.txt
index.html
index2.html
index3.html
robots.txt
tekslider.jquery.json

README.md

Tekslider a touch focused slider

TekSlider

A touch focused slider. With acceleration and easily configurable. Now it is in beta phase and any feedback will be welcome.

A little demo and another demo.


A basic call


$("div.tekcontainer").TekSlider();

And using Modernizr for touch event detection


$("div.tekcontainer").TekSlider({touch:Modernizr.touch});


The options of the plugin:

  • touch : if false it use click events for move. If true use touch events for move.
  • animation : if true make and animation after touch simulating an desacceleration, if false only moves with touch.
  • accelerator : options for the accelerator component
    • accel : pixels / second2 of acceleration
    • maxvel : max speed allowed for the animation
    • threshold : minimum speed needed to start and animation
    • stopthreshold : if the speed is under this value the animation will stop.
    • time : milliseconds for the timer. If 15, the animation will be executed every 15 milliseconds.