Leadtools.Controls Namespace > Classes > ImageViewer > Events > imageLoading Event

Object.defineProperty(ImageViewer.prototype,'imageLoading',  
	get: function(), 
	set: function(value) 
) 
function imageLoading.add(function(sender, e)); 
function imageLoading.remove(function(sender, e)); 

imageLoading: void;

var div = document.getElementById("imageViewer"); 
var createOptions = new lt.Controls.ImageViewerCreateOptions(div); 
// Set a layout and add and item, or default to SingleViewMode 
createOptions.viewLayout = new lt.Controls.ImageViewerVerticalViewLayout(); 
// This example could also work with ElementsMode 
//createOptions.useElements = true; 
var viewer = new lt.Controls.ImageViewer(createOptions); 
 
viewer.imageLoading.add(function (sender, e) { 
   // We now have access to imageLoader and item 
   // We can change any settings we want 
   var imageLoader = e.imageLoader; 
   console.log("Image about to load: " + imageLoader.url); 
}); 
    
var item = new lt.Controls.ImageViewerItem(); 
// Image will not load immediately. Must be added to ImageViewer. 
item.url = "http://demo.leadtools.com/images/gif/clock.gif"; 
item.text = "Clock"; 
    
setTimeout(function () { 
   // We set a timeout for 4 seconds, to show that the event 
   // will execute right before image is loaded 
   viewer.items.add(item);       
}, 4000) 

Products | Support | Contact Us | Copyright Notices
© 1991-2017 LEAD Technologies, Inc. All Rights Reserved.

Leadtools.Controls Assembly