Change Theme Settings
Change Theme Settings
Show All Themes

Image Zoom Navigator

Zoom Navigator Settings

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.
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 Components 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