Enables an interactive mode in the collection.
// Create the container <div>
var _interactiveModeComboBox = document.createElement("select");
var panZoomInteractiveMode = new lt.Controls.ImageViewerPanZoomInteractiveMode();
panZoomInteractiveMode.isEnabled = false;
var activeItemInteractiveMode = new lt.Controls.ImageViewerActiveItemInteractiveMode();
activeItemInteractiveMode.isEnabled = false;
this._imageViewer.interactiveModes.clearItems();
this._imageViewer.interactiveModes.beginUpdate();
this._imageViewer.interactiveModes.add(panZoomInteractiveMode);
this._imageViewer.interactiveModes.add(activeItemInteractiveMode);
for (var i = 0; i < this._imageViewer.interactiveModes.count; i++) {
var anOption = document.createElement("option");
anOption.textContent = this._imageViewer.interactiveModes.item(i).name;
_interactiveModeComboBox.appendChild(anOption);
}
var myImageViewer = this._imageViewer;
_interactiveModeComboBox.addEventListener("change", function () {
myImageViewer.interactiveModes.enable(myImageViewer.interactiveModes.item(_interactiveModeComboBox.selectedIndex));
});
_interactiveModeComboBox.selectedIndex = 0;
document.body.appendChild(_interactiveModeComboBox);
this._imageViewer.interactiveModes.endUpdate();