mirror of
https://github.com/wassname/DefinitelyTyped.git
synced 2026-09-09 11:13:57 +08:00
Rename glide to glidejs
This commit is contained in:
@@ -0,0 +1,50 @@
|
||||
///<reference path="glide.d.ts" />
|
||||
///<reference path="../jquery/jquery.d.ts" />
|
||||
|
||||
// Copied from documentation
|
||||
$('.slider').glide();
|
||||
|
||||
$('.slider').glide({
|
||||
autoplay: 5000,
|
||||
arrows: 'body',
|
||||
navigation: 'body'
|
||||
});
|
||||
|
||||
var glide: JQueryGlide.IGlideApi = $('.slider').glide().data('api_glide');
|
||||
// Original line modified: glide.jump(3, console.log('Wooo!'));
|
||||
glide.jump(3, function () { console.log('Wooo!'); });
|
||||
|
||||
// The rest of tests
|
||||
glide.current();
|
||||
glide.reinit();
|
||||
glide.destroy();
|
||||
glide.play();
|
||||
glide.pause();
|
||||
glide.next(function () { });
|
||||
glide.prev(function () { });
|
||||
glide.nav("div");
|
||||
glide.arrows("div");
|
||||
|
||||
$(".slider").glide({ autoplay: 4000 });
|
||||
$(".slider").glide({ hoverpause: true });
|
||||
$(".slider").glide({ circular: true });
|
||||
$(".slider").glide({ animationDuration: 500 });
|
||||
$(".slider").glide({ animationTimingFunc: "cubic - bezier(0.165, 0.840, 0.440, 1.000)" });
|
||||
$(".slider").glide({ arrows: true });
|
||||
$(".slider").glide({ arrowsWrapperClass: "slider__arrows" });
|
||||
$(".slider").glide({ arrowMainClass: "slider__arrows-item" });
|
||||
$(".slider").glide({ arrowRightClass: "slider__arrows-item--right" });
|
||||
$(".slider").glide({ arrowLeftClass: "slider__arrows-item--left" });
|
||||
$(".slider").glide({ arrowRightText: "next" });
|
||||
$(".slider").glide({ arrowLeftText: "prev" });
|
||||
$(".slider").glide({ navigation: true });
|
||||
$(".slider").glide({ navigationCenter: true });
|
||||
$(".slider").glide({ navigationClass: "slider__nav" });
|
||||
$(".slider").glide({ navigationItemClass: "slider__nav-item" });
|
||||
$(".slider").glide({ navigationCurrentItemClass: "slider__nav-item--current" });
|
||||
$(".slider").glide({ keyboard: true });
|
||||
$(".slider").glide({ touchDistance: 60 });
|
||||
$(".slider").glide({ beforeInit: function () { } });
|
||||
$(".slider").glide({ afterInit: function () { } });
|
||||
$(".slider").glide({ beforeTransition: function () { } });
|
||||
$(".slider").glide({ afterTransition: function () { } });
|
||||
Vendored
+189
@@ -0,0 +1,189 @@
|
||||
// Type definitions for Glide.js v1.0.6
|
||||
// Project: http://glide.jedrzejchalubek.com/
|
||||
// Definitions by: Milan Jaros <https://github.com/milanjaros/>
|
||||
// Definitions: https://github.com/borisyankov/DefinitelyTyped
|
||||
|
||||
interface JQuery {
|
||||
/**
|
||||
* Glide is responsive and touch-friendly jQuery slider.
|
||||
* Based on CSS3 transitions with fallback to older broswers.
|
||||
* It's simple, lightweight and fast. Designed to slide,
|
||||
* no less, no more.
|
||||
*/
|
||||
glide(options?: JQueryGlide.IGlideOptions): JQuery;
|
||||
}
|
||||
|
||||
declare module JQueryGlide {
|
||||
interface IGlideOptions {
|
||||
/**
|
||||
* Default: 4000
|
||||
* {Int or Bool} False for turning off autoplay
|
||||
*/
|
||||
autoplay?: any;
|
||||
/**
|
||||
* Default: true {Bool} Pause autoplay on mouseover slider
|
||||
*/
|
||||
hoverpause?: boolean;
|
||||
/**
|
||||
* Default: true {Bool} Circular play (Animation continues without starting over once it reaches the last slide)
|
||||
*/
|
||||
circular?: boolean;
|
||||
|
||||
/**
|
||||
* Default: 500
|
||||
* Animation time in ms
|
||||
* @type {Int}
|
||||
*/
|
||||
animationDuration?: number;
|
||||
/**
|
||||
* Default: cubic-bezier(0.165, 0.840, 0.440, 1.000)
|
||||
* cubic-bezier(0.165, 0.840, 0.440, 1.000)
|
||||
*/
|
||||
animationTimingFunc?: string;
|
||||
|
||||
/**
|
||||
* Default: true
|
||||
* {Bool or String} Show/hide/appendTo arrows
|
||||
* True for append arrows to slider wrapper
|
||||
* False for not appending arrows
|
||||
* Id or class name (e.g. '.class-name') for appending to specific HTML markup
|
||||
*/
|
||||
arrows?: any;
|
||||
/**
|
||||
* Default: 'slider-arrows'
|
||||
* {String} Arrows wrapper class
|
||||
*/
|
||||
arrowsWrapperClass?: string;
|
||||
/**
|
||||
* Default: 'slider-arrow'
|
||||
* {String} Main class for both arrows
|
||||
*/
|
||||
arrowMainClass?: string;
|
||||
/**
|
||||
* Default: 'slider-arrow--right'
|
||||
* {String} Right arrow
|
||||
*/
|
||||
arrowRightClass?: string;
|
||||
/**
|
||||
* Default: 'next'
|
||||
* {String} Right arrow text
|
||||
*/
|
||||
arrowRightText?: string;
|
||||
/**
|
||||
* Default: 'slider-arrow--left'
|
||||
* {String} Left arrow
|
||||
*/
|
||||
arrowLeftClass?: string;
|
||||
/**
|
||||
* Default: 'prev'
|
||||
* {String} Left arrow text
|
||||
*/
|
||||
arrowLeftText?: string;
|
||||
|
||||
/**
|
||||
* Default: true
|
||||
* {Bool or String} Show/hide/appendTo bullets navigation
|
||||
* True for append arrows to slider wrapper
|
||||
* False for not appending arrows
|
||||
* Id or class name (e.g. '.class-name') for appending to specific HTML markup
|
||||
*/
|
||||
navigation?: any;
|
||||
/**
|
||||
* Default: true
|
||||
* {Bool} Center bullet navigation
|
||||
*/
|
||||
navigationCenter?: boolean;
|
||||
/**
|
||||
* Default: 'slider-nav'
|
||||
* {String} Navigation class
|
||||
*/
|
||||
navigationClass?: string;
|
||||
/**
|
||||
* Default: 'slider-nav__item'
|
||||
* {String} Navigation item class
|
||||
*/
|
||||
navigationItemClass?: string;
|
||||
/**
|
||||
* Default: 'slider-nav__item--current'
|
||||
* {String} Current navigation item class
|
||||
*/
|
||||
navigationCurrentItemClass?: string;
|
||||
|
||||
/**
|
||||
* Default: true
|
||||
* {Bool} Slide on left / right keyboard arrows press
|
||||
*/
|
||||
keyboard?: boolean;
|
||||
|
||||
/**
|
||||
* Default: 60
|
||||
* {Int or Bool} Touch settings
|
||||
*/
|
||||
touchDistance?: any;
|
||||
|
||||
/**
|
||||
* Default: function () {}
|
||||
* {Function} Callback before plugin init
|
||||
*/
|
||||
beforeInit?: Function;
|
||||
/**
|
||||
* Default: function () {}
|
||||
* {Function} Callback after plugin init
|
||||
*/
|
||||
afterInit?: Function;
|
||||
|
||||
/**
|
||||
* Default: function () {}
|
||||
* {Function} Callback before slide change
|
||||
*/
|
||||
beforeTransition?: Function;
|
||||
/**
|
||||
* Default: function() {}
|
||||
* {Function} Callback after slide change
|
||||
*/
|
||||
afterTransition?: Function;
|
||||
}
|
||||
|
||||
interface IGlideApi {
|
||||
/**
|
||||
* Returning current slide number
|
||||
*/
|
||||
current(): number;
|
||||
/**
|
||||
* Rebuild and recalculate dimensions of slider elements
|
||||
*/
|
||||
reinit(): void;
|
||||
/**
|
||||
* Destroy and cleanup slider
|
||||
*/
|
||||
destroy(): void;
|
||||
/**
|
||||
* Starting autoplay
|
||||
*/
|
||||
play(): void;
|
||||
/**
|
||||
* Stopping autoplay
|
||||
*/
|
||||
pause(): void;
|
||||
/**
|
||||
* Slide one forward
|
||||
*/
|
||||
next(callback: Function): void;
|
||||
/**
|
||||
* Slide one backward
|
||||
*/
|
||||
prev(callback: Function): void;
|
||||
/**
|
||||
* Jump to current slide
|
||||
*/
|
||||
jump(distance: number, callback: Function): void;
|
||||
/**
|
||||
* Append navigation to specifed target (eq. 'body', '.class', '#id')
|
||||
*/
|
||||
nav(target: string): void;
|
||||
/**
|
||||
* Append arrows to specifed target (eq. 'body', '.class', '#id')
|
||||
*/
|
||||
arrows(target: string): void;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user