Web Demos

BARCODE READER SDK DEMO

Explore the flexibe barcode reading settings to optimize for your specific usage scenario.

WEB TWAIN SDK DEMO

Try the most popular web scanner features: scan images, import local images and PDF files, edit, save to local, upload to database, and etc.

BARCODE READER JAVASCRIPT DEMO

Transform any camera-equipped devices into real-time, browser-based barcode and QR code scanners.

MRZ SCANNER WEB DEMO

Detects the machine-readable zone of a passport, scans the text, and parses into human-readable data.

APP STORE DEMOS

BARCODE READER SDK FOR IOS

BARCODE READER SDK FOR ANDROID

VIEW MORE DEMOS >
Dev Center
Table of contents

Image Viewer

How can I create a thumbnail viewer to view images?

You can create a thumbnail viewer by using the API createThumbnailViewer(). You can either use the default settings or customize the viewer as shown below:

// Use default settings
var objThumbnailViewer = DWObject.Viewer.createThumbnailViewer();
objThumbnailViewer.background = "rgb(0,0,255)";
objThumbnailViewer.show();

// Customize the thumbnail viewer
var thumbnailViewerSettings = {
  location: "left",
  size: "30%",
  columns: 1,
  rows: 3,
  scrollDirection: "vertical", // 'horizontal'
  pageMargin: 10,
  background: "rgb(255, 255, 255)",
  border: "",
  allowKeyboardControl: true,
  allowPageDragging: true,
  allowResizing: false,
  showPageNumber: false,
  pageBackground: "transparent",
  pageBorder: "1px solid rgb(238, 238, 238)",
  hoverBackground: "rgb(239, 246, 253)",
  hoverPageBorder: "1px solid rgb(238, 238, 238)",
  placeholderBackground: "rgb(251, 236, 136)",
  selectedPageBorder: "1px solid rgb(125,162,206)",
  selectedPageBackground: "rgb(199, 222, 252)",
};

var thumbnail = DWObject.Viewer.createThumbnailViewer(thumbnailViewerSettings);
thumbnail.show();

Is this page helpful?

YesYes NoNo

In this article:

latest version

    • Latest Version
    • Version 17.2.1
    • Version 17.1.1
    • Version 17.0
    • Version 16.2
    • Version 16.1.1
    Change +
    © 2003–2022 Dynamsoft. All rights reserved.
    Privacy Statement / Site Map / Home / Purchase / Support