Image 1 descriptions.
', * }, * ... * ], * }); * $dynamicGallery.addEventListener('click', function () { * // Starts with third item.(Optional). * // This is useful if you want use dynamic mode with * // custom thumbnails (thumbnails outside gallery), * dynamicGallery.openGallery(2); * }); * */ openGallery(index?: number, element?: HTMLElement): void; /** * The zoom-from-origin transform for a trigger: it lands the slide on * the trigger's thumbnail, the start of the opening flight and the end * of the closing one. Undefined when the trigger cannot anchor a flight, * and the gallery opens or closes about the stage centre instead. * Plugins may replace it on the instance to fly differently. */ getOriginTransform(element: HTMLElement, imageSize?: ImageSize): string | undefined; /** * Note - Changing the position of the media on every slide transition creates a flickering effect. * Therefore, the height of the caption is calculated dynamically, only once based on the first slide caption. * if you have dynamic captions for each media, * you can provide an appropriate height for the captions via defaultCaptionHeight option */ getMediaContainerPosition(): MediaContainerPosition; private setMediaContainerPosition; hideBars(): void; /** * @desc Create image counter * Ex: 1/10 */ counter(): void; /** * @desc add sub-html into the slide * @param {Number} index - index of the slide */ addHtml(index: number): void; /** * @desc Preload slides * @param {Number} index - index of the slide * @todo preload not working for the first slide, Also, should work for the first and last slide as well */ preload(index: number): void; getDummyImgStyles(imageSize?: ImageSize): string; getVideoContStyle(imageSize?: ImageSize): string; getDummyImageContent($currentSlide: lgQuery, index: number, alt: string): HTMLImageElement | string; setImgMarkup(src: string, $currentSlide: lgQuery, index: number): void; onSlideObjectLoad($slide: lgQuery, isHTML5VideoWithoutPoster: boolean, onLoad: () => void, onError: () => void): void; /** * * @param $el Current slide item * @param index * @param delay Delay is 0 except first time * @param speed Speed is same as delay, except it is 0 if gallery is opened via hash plugin * @param isFirstSlide */ onLgObjectLoad(currentSlide: lgQuery, index: number, delay: number, speed: number, isFirstSlide: boolean, isHTML5VideoWithoutPoster: boolean): void; triggerSlideItemLoad($currentSlide: lgQuery, index: number, delay: number, speed: number, isFirstSlide: boolean): void; isFirstSlideWithZoomAnimation(): boolean; addSlideVideoInfo(items: GalleryItem[]): void; /** * Load slide content into slide. * This is used to load content into slides that is not visible too * @param {Number} index - index of the slide. * @param {Boolean} rec - if true call loadcontent() function again. */ loadContent(index: number, rec: boolean): void; /** * @desc Remove dummy image content and load next slides * Called only for the first time if zoomFromOrigin animation is enabled * @param index * @param $currentSlide * @param speed */ loadContentOnFirstSlideLoad(index: number, $currentSlide: lgQuery, speed: number): void; getItemsToBeInsertedToDom(index: number, prevIndex: number, numberOfItems?: number): string[]; organizeSlideItems(index: number, prevIndex: number): string[]; /** * Get previous index of the slide */ getPreviousSlideIndex(): number; setDownloadValue(index: number): void; makeSlideAnimation(direction: 'next' | 'prev', currentSlideItem: lgQuery, previousSlideItem: lgQuery): void; /** * Goto a specific slide. * @param {Number} index - index of the slide * @param {Boolean} fromTouch - true if slide function called via touch event or mouse drag * @param {Boolean} fromThumb - true if slide function called via thumbnail click * @param {String} direction - Direction of the slide(next/prev) * @category lGPublicMethods * @example * const plugin = lightGallery(); * // to go to 3rd slide * plugin.slide(2); * */ slide(index: number, fromTouch?: boolean, fromThumb?: boolean, direction?: SlideDirection | false): void; updateCurrentCounter(index: number): void; /** * Plain-text caption of a slide for the aria-live announcer. Resolves * the same sources addHtml uses (inline subHtml markup or a selector) * and strips the markup down to readable text. Remote captions * (subHtmlUrl) are skipped, announcing can't wait on a fetch. */ private getSlideCaptionText; /** * Update the polite live region with the shown slide's position and * caption ("Image X of Y, caption"). The single announcement source, * counter and caption bar are not live regions while this is enabled. */ private announceSlide; updateCounterTotal(): void; getSlideType(item: GalleryItem): 'video' | 'iframe' | 'image'; /** Stop a running release spring; visuals stay at the live frame. */ stopSlideSpring(): void; touchMove(startCoords: Coords, endCoords: Coords, e?: TouchEvent): void; /** * The horizontal delta as rendered: rubber-banded when the drag * points past the first/last slide with nothing there (loop counts). */ private getEdgeDragDelta; /** Resolved reading direction ('auto' is resolved at init). */ private getDirection; /** * Spring the dragged slides back to rest, seeded with the release * velocity. Returns false (no spring) for sub-pixel drags. */ private springSlidesBack; /** * Carry the release velocity into a gesture navigation: navigate * immediately (events, counter and busy-lock on time; fromTouch * classes flip underneath, inline transforms keep the visuals), * then spring the same drag geometry until the arriving slide lands * at rest. Falls back to a snap-back when navigation declines * (busy, or an edge without loop, the 2.x end animation plays). */ private springSlideNavigation; /** * Hand the slides back to CSS after a gesture. The inline transforms * go first, while lg-dragging still pins transition-duration to 0s, * so the snap from the released position to the slide's resting * place lands in a single frame. Dropping the class first animates * that snap instead, and the outgoing slide is seen travelling back * toward the centre while its fade is still running. */ private endDragVisuals; /** * Spring a non-closing vertical drag back to rest, slide transform * and backdrop opacity together, seeded with the release velocity. */ private springVerticalRestore; touchEnd(endCoords: Coords, startCoords: Coords, event: TouchEvent): void; enableSwipe(): void; enableDrag(): void; triggerPosterClick(): void; manageSwipeClass(): void; /** * Go to next slide * @param {Boolean} fromTouch - true if slide function called via touch event * @category lGPublicMethods * @example * const plugin = lightGallery(); * plugin.goToNextSlide(); * @see Demo */ goToNextSlide(fromTouch?: boolean): void; /** * Go to previous slide * @param {Boolean} fromTouch - true if slide function called via touch event * @category lGPublicMethods * @example * const plugin = lightGallery({}); * plugin.goToPrevSlide(); * @see Demo * */ goToPrevSlide(fromTouch?: boolean): void; keyPress(): void; arrow(): void; arrowDisable(index: number): void; setTranslate($el: lgQuery, xValue: number, yValue: number, scaleX?: number, scaleY?: number): void; mousewheel(): void; isSlideElement(target: lgQuery): boolean; isPosterElement(target: lgQuery): boolean; /** * Bind the inline gallery's maximize button: each click toggles the * gallery between its container and the full viewport. Called once * during initialization. */ toggleMaximize(): void; invalidateItems(): void; trapFocus(): void; manageCloseGallery(): void; /** * Close lightGallery if it is opened. * * @description If closable is false in the settings, you need to pass true via closeGallery method to force close gallery * @return returns the estimated time to close gallery completely including the close animation duration * @category lGPublicMethods * @example * const plugin = lightGallery(); * plugin.closeGallery(); * */ closeGallery(force?: boolean): number; initModules(): void; destroyModules(destroy?: true): void; /** * Refresh lightGallery with new set of children. * * @description This is useful to update the gallery when the child elements are changed without calling destroy method. * * If you are using dynamic mode, you can pass the modified array of dynamicEl as the first parameter to refresh the dynamic gallery * @see Demo * @category lGPublicMethods * @example * const plugin = lightGallery(); * // Delete or add children, then call * plugin.refresh(); * */ refresh(galleryItems?: GalleryItem[]): void; updateControls(): void; private destroyGallery; /** * Destroy lightGallery. * Destroy lightGallery and its plugin instances completely * * @description This method also calls closeGallery function internally. Returns the time it takes to completely close and destroy the instance. * In case if you want to re-initialize lightGallery right after destroying it, initialize it only once the destroy process is completed. * You can use refresh method most of the time. * @category lGPublicMethods * @example * const plugin = lightGallery(); * plugin.destroy(); * */ destroy(): number; }