Added definitions for jquery.tinycarousel 1.9

This commit is contained in:
Christiaan Rakowski 2013-06-19 21:37:37 +02:00
parent 2f11fa0e45
commit ebcc67606a
3 changed files with 127 additions and 0 deletions

View File

@ -103,6 +103,7 @@ List of Definitions
* [jQuery.simplePagination](https://github.com/flaviusmatis/simplePagination.js) (by [Natan Vivo](https://github.com/nvivo/))
* [jQuery.timeago](http://timeago.yarp.com/) (by [François Guillot](http://fguillot.developpez.com/))
* [jQuery.Timepicker](http://fgelinas.com/code/timepicker/) (by [Anwar Javed](https://github.com/anwarjaved))
* [jQuery.TinyCarousel](http://baijs.nl/tinycarousel/) (by [Christiaan Rakowski](https://github.com/csrakowski))
* [jQuery.TinyScrollbar](http://baijs.nl/tinyscrollbar/) (by [Christiaan Rakowski](https://github.com/csrakowski))
* [jQuery.Transit](http://ricostacruz.com/jquery.transit/) (by [MrBigDog2U](https://github.com/MrBigDog2U))
* [jQuery.Validation](http://bassistance.de/jquery-plugins/jquery-plugin-validation/) (by [Boris Yankov](https://github.com/borisyankov))

View File

@ -0,0 +1,47 @@
/// <reference path="jquery.tinycarousel.d.ts" />
$('#slider1').tinycarousel();
$('#slider2').tinycarousel({ display: 2 });
$('#slider3').tinycarousel({ pager: true, interval: true });
$('#slider4').tinycarousel({ controls: false, pager: true, animation: false });
$('#slider5').tinycarousel({ axis: 'y' });
var oSlider7 = $('#slider7');
oSlider7.tinycarousel({ interval: true });
//The tinycarousel_move method you can use to make a anchor to a certain slide.
$('#gotoslide4').click(function () {
oSlider7.tinycarousel_move(4);
return false;
});
//The tinycarousel_start method starts the interval.
$('#startslider').click(function () {
oSlider7.tinycarousel_start();
return false;
});
//The tinycarousel_stop method stops the interval.
$('#stopslider').click(function () {
oSlider7.tinycarousel_stop();
return false;
});
$(document).ready(function () {
$('#slider-code').tinycarousel();
});
$(document).ready(function () {
$('#slider-code').tinycarousel({ pager: true });
});
$('#slider-code').tinycarousel({
callback: function (element, index) {
console.log(element, index);
}
});

View File

@ -0,0 +1,79 @@
// Type definitions for jQuery tinycarousel 1.9
// Project: http://baijs.nl/tinycarousel/
// Definitions by: Christiaan Rakowski <https://github.com/csrakowski/>
// Definitions: https://github.com/borisyankov/DefinitelyTyped
/// <reference path="../jquery/jquery.d.ts" />
declare module JQueryTinyCarousel {
export interface JQueryTinyCarouselOptions {
/**
* Start block of the carousel. (default: 1)
*/
start?: number;
/**
* Vertical or horizontal scroller? 'x' or 'y'. (default: 'x')
*/
axis?: string;
/**
* How many blocks do you want to move at a time? (default: 1)
*/
display?: number;
/**
* If interval is true and rewind is true it will play in reverse if the last slide is reached. (default: false)
*/
rewind?: boolean;
/**
* Show left and right navigation buttons? (default: true)
*/
controls?: boolean;
/**
* Show page number navigation buttons? (default: false)
*/
pager?: boolean;
/**
* Move to the next block on an interval. (default: false)
*/
interval?: boolean;
/**
* Interval time in milliseconds. (default: 3000)
*/
intervaltime?: number;
/**
* Show animation when changing block? (default: true)
*/
animation?: boolean;
/**
* Time of the animation in miliseconds (default: 1000)
*/
duration?: number;
/**
* Function that executes after every move (default: null)
*/
callback? : Function;
}
}
interface JQuery {
/**
* Creates a new tinycarousel with the specified, or default, options.
*
* @param options The options
*/
tinycarousel(options?: JQueryTinyCarousel.JQueryTinyCarouselOptions): JQuery;
/**
* Moves the tinycarousel to the specified block.
*
* @param index The index of the block to move to
*/
tinycarousel_move(index: number): void;
/**
* Starts the interval.
*/
tinycarousel_start(): void;
/**
* Stops the interval.
*/
tinycarousel_stop(): void;
}