mirror of
https://bitbucket.org/bellord13/kit.git
synced 2026-11-13 19:06:11 +03:00
71 lines
2.1 KiB
TypeScript
71 lines
2.1 KiB
TypeScript
interface ThumbnailStrings {
|
|
toggleThumbnails: string;
|
|
}
|
|
export interface ThumbnailsSettings {
|
|
/**
|
|
* Enable thumbnails for the gallery
|
|
*/
|
|
thumbnail: boolean;
|
|
animateThumb: boolean;
|
|
/**
|
|
* Position of selected thumbnail.
|
|
*/
|
|
currentPagerPosition: 'left' | 'middle' | 'right';
|
|
/**
|
|
* Position of thumbnails when the width of all thumbnails combined is less than the gallery's width.
|
|
*
|
|
*/
|
|
alignThumbnails: 'left' | 'middle' | 'right';
|
|
/**
|
|
* Width of each thumbnails.
|
|
*/
|
|
thumbWidth: number;
|
|
/**
|
|
* Height of each thumbnails.
|
|
*/
|
|
thumbHeight: string;
|
|
/**
|
|
* Spacing between each thumbnails
|
|
*/
|
|
thumbMargin: number;
|
|
/**
|
|
* control where the thumbnails should be appended.
|
|
* By default, thumbnails are appended to '.lg-components' which has inbuilt open close transitions
|
|
* If you don't want initial thumbnails transitions, or want to do more customization,
|
|
* you can append thumbnails to the lightGalley outer div -
|
|
* <a href="/demos/thumbnails/#static-thumbnails">Demo</a>
|
|
*/
|
|
appendThumbnailsTo: '.lg-outer' | '.lg-components';
|
|
/**
|
|
* Enable toggle captions and thumbnails.
|
|
* @description not applicable if allowMediaOverlap is false
|
|
*/
|
|
toggleThumb: boolean;
|
|
/**
|
|
* Enables desktop mouse drag support for thumbnails.
|
|
*/
|
|
enableThumbDrag: boolean;
|
|
/**
|
|
* Enables thumbnail touch/swipe support for touch devices
|
|
*/
|
|
enableThumbSwipe: boolean;
|
|
/**
|
|
* By setting the thumbnailSwipeThreshold (in px) you can set how far the user must swipe for the next/prev slide.
|
|
*/
|
|
thumbnailSwipeThreshold: number;
|
|
/**
|
|
* You can automatically load thumbnails for YouTube videos from YouTube by setting loadYouTubeThumbnail true
|
|
*/
|
|
loadYouTubeThumbnail: boolean;
|
|
/**
|
|
* You can specify the thumbnail size by setting respective number.
|
|
*/
|
|
youTubeThumbSize: number;
|
|
/**
|
|
* Custom translation strings for aria-labels
|
|
*/
|
|
thumbnailPluginStrings: ThumbnailStrings;
|
|
}
|
|
export declare const thumbnailsSettings: ThumbnailsSettings;
|
|
export {};
|