Framework Documentation

The Image Viewer Object

Image viewer object is used to show single or multiple images.

var imgvSample = new TImageViewer(['images/Sunset.jpg', 'images/Lemon Plants.jpg' ]);
var wndImagViewerSample = createWindow('Image Viewer Sample');

wndImagViewerSample.add(imgvSample);
showModal(wndImagViewerSample);

Image Viewer constructor takes four parameters:

new TImageViewer(srcArray, selectedIndex, viewWidth, viewHeight);

Where:

srcArray is an array that contains images URL.
selectedIndex is the first viewed image index (default value is 0).
viewWidth is max width of the viewed image (default value is 600px).
viewHeight is max height of the viewed image (default value is 400px).

Image Viewer Methods and Properties

Method/Property	Description
addImage	Adds image to the viewer object. Form: addImage(imageURL)
setBackgroundColor	Sets image viewer object background color. Form: setBackgroundColor(color)
setSelectionChangedCallback	Sets an event handler for the selected image changed event. Form: setSelectionChangedCallback(callback)
setSlideItemHeight	Sets slide bar item height. Form: setSlideItemHeight(height)
setSlideItemPadding	Sets padding between sile bar items. Form: setSlideItemPadding(padding)
setSlideItemsNumber	Sets the number of viewed items on slide bar (default value is 4 items)
setSlideItemWidth	Sets slide bar item width. Form: setSlideItemWidth(width)