Merge pull request #632 from csrakowski/master

Updated jquery.tinyscrollbar definitions to TS 0.9
This commit is contained in:
Boris Yankov
2013-06-19 14:59:03 -07:00
4 changed files with 131 additions and 4 deletions
+1
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))
@@ -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);
}
});
+79
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;
}
+4 -4
View File
@@ -5,12 +5,12 @@
/// <reference path="../jquery/jquery.d.ts" />
module JQueryTinyScrollbar {
declare module JQueryTinyScrollbar {
export interface JQueryTinyScrollbarOptions {
/**
* Enable mobile invert style scrolling. (default: false)
*/
invertscroll?: bool;
invertscroll?: boolean;
/**
* Vertical or horizontal scroller? 'x' or 'y'. (default: 'x')
*/
@@ -22,11 +22,11 @@ module JQueryTinyScrollbar {
/**
* Enable or disable the mousewheel. (default: true)
*/
scroll?: bool;
scroll?: boolean;
/**
* Return scrollwheel event to browser if there is no more content. (default: true)
*/
lockscroll?: bool;
lockscroll?: boolean;
/**
* Set the size of the scrollbar to auto or a fixed number. (default: 'auto')
*/