Dev Center
Table of contents

Thanks for Downloading Dynamic Web TWAIN 30-Day Trial!

Your download will start shortly. If your download does not begin, click here to retry.

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 (18.4)
    • Version 18.3
    • Version 18.1
    • Version 18.0
    • Version 17.3
    • Version 17.2.1
    • Version 17.1.1
    • Version 17.0
    • Version 16.2
    • Version 16.1.1
    Change +