Table of Contents
  • Getting Started
  • EO.Pdf
  • EO.Web
    • Overview
    • Installation & Deployement
    • EO.Web ToolTip
    • EO.Web Rating
    • EO.Web Slider & RangeSlider
    • EO.Web ListBox
    • EO.Web ComboBox
    • EO.Web Captcha
    • EO.Web ASPX To PDF
    • EO.Web Slide
    • EO.Web Flyout
    • EO.Web EditableLabel
    • EO.Web ImageZoom
    • EO.Web Floater
    • EO.Web Downloader
    • EO.Web ColorPicker
    • EO.Web HTML Editor
    • EO.Web File Explorer
    • EO.Web SpellChecker
    • EO.Web Grid
    • EO.Web MaskedEdit
    • EO.Web Splitter
    • EO.Web Menu
    • EO.Web Slide Menu
    • EO.Web TabStrip
    • EO.Web TreeView
    • EO.Web Calendar
    • EO.Web Callback
    • EO.Web MultiPage
    • EO.Web Dialog
    • EO.Web AJAXUploader
    • EO.Web ProgressBar - Free!
    • EO.Web ToolBar - Free!
  • EO.WebBrowser
  • EO.Wpf
  • Common Topics
  • Reference
Table of Contents
Client Side Interface

By default, EO.Web ImageZoom zooms in when user clicks on the small image and zooms out when user clicks on the large image. You can also trigger these actions from your JavaScript code.

In order to call client side JavaScript interface, you must get a reference to the client side ImageZoom object first:

JavaScript
Copy 
var iz = eo_GetObject("ImageZoom1");

Once you have a reference to the ImageZoom object, you can call any of the following methods on the object:

Method Remarks
zoomIn Zooms in and displays the big image.
zoomOut Zooms out and hides the big image.
getState Get the current state of the ImageZoom control.

For example, the following code zooms in the image:

JavaScript
Copy 
var iz = eo_GetObject("ImageZoom1");
iz.zoomIn();