Follow these simple steps to use EO.Web ImageZoom control:
-
Drag an ImageZoom control from the toolbox to your Web Form.
See here if you can not find the control in your toolbox;
-
Set the ImageZoom control's SmallImageUrl
property. This is the small image that is initially displayed;
-
Set the ImageZoom control's BiglImageUrl
property. This is the big image that will be displayed when the small image is clicked;
-
Optionally, set the ImageZoom control's
Description property. This is
the text displayed below the big image. The location of the description text
can also be customized;
-
Optionally, set the ImageZoom control's
ZoomPanelStyle property. This
is the style applied to the panel that holds the big image and description. Usually
you should specify a border and background color with this style;