Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Image Zoom Navigator

Zoom Navigator Settings
v
v

This demo illustrates how to associate the ASPxImageZoom control with the ASPxImageZoomNavigator control. ASPxImageZoomNavigator is a data control that displays a set of thumbnails. Clicking a thumbnail opens a corresponding image within an associated ASPxImageZoom control. Small images and their large equivalents are defined via the ASPxImageZoomNavigator's Items collection.

All options available in this demo are described below:

  • ActiveItemChangeAction - specifies whether an end-user should hover a particular item or click it to activate the corresponding image within the ASPxImageZoom control;
  • NavigationButtonVisibility - specifies whether navigation buttons should always be visible or only when the width of all items exceeds the width of the ASPxImageZoomNavigator control.
Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxImageAndDataNavigationDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxImageAndDataNavigationDemos