inner-image-zoom/umd/index.d.ts

A lightweight Vanilla JS package for magnifying an image within its parent container 🔎

export as namespace InnerImageZoom;

export = InnerImageZoom;

interface InnerImageZoomOptions {
  zoomSrc?: string;
  zoomScale?: number;
  zoomPreload?: boolean;
  moveType?: 'pan' | 'drag';
  zoomType?: 'click' | 'hover';
  fadeDuration?: number;
  fullscreenOnMobile?: boolean;
  mobileBreakpoint?: number;
  hideCloseButton?: boolean;
  hideHint?: boolean;
  afterZoomIn?: () => void;
  afterZoomOut?: () => void;
}

declare class InnerImageZoom {
  constructor(
    selector?: string,
    options?: InnerImageZoomOptions
  )

  $closeButton: HTMLElement | null;
  $container: HTMLElement;
  $el: HTMLElement;
  $hint: HTMLElement | null;
  $img: HTMLElement;
  $portal: HTMLElement | null;
  $zoomImg: HTMLElement;
  reinit(options?: InnerImageZoomOptions): void;
  uninit(): void;
}