Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Collapse]Image and Data Browsing
   [Expand]Product Information
   [Expand]DataView
   [Expand]Headline
   [Expand]Image Gallery
   [Expand]Image Slider
   [Collapse]Image Zoom
     ASPxImageZoom Overview
    [Expand]Image Caching
    [Expand]Visual Elements Overview
   [Expand]News Control
   [Expand]Pager
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

ASPxImageZoom Overview

The DevExpress ASP.NET Image Zoom (ASPxImageZoom) control provides you with the capability to display images in high-res detail. The Image Zoom Navigator (ASPxImageZoomNavigator) provides the capability to display thumbnails, navigate through them and open a corresponding image within an assigned Image Zoom.

Expanded Image Zoom

The ASPxImageZoom control combines two image zoom effects. Hovering over the image displays a zoomed area, a click on the image enlarges it in a full-screen popup.

The ASPxImageZoom control provides the following features.

  • Zoom on hover.
  • Enlarge an image in a full-screen popup window on click.
  • Ability to change a Zoom Window position and size.
  • Ability to zoom inside an image.
  • Ability to specify captions for Zoom and Expand windows.
  • Hint support.

Expanded Image Zoom Navigator

The ASP.NET Image Zoom Navigator (ASPxImageZoomNavigator) is a data control that is used to display thumbnails. Clicking a thumbnail opens a corresponding image within an associated Image Zoom. ASPxImageZoomNavigator supports data binding, loading of images from a specified folder, and the manual creation of image items. You have an capability to create image thumbnails automatically, or you can create them beforehand to increase the control performance.

The ASPxImageZoomNavigator control provides the following features.

  • Capability to populate a control with items in different ways: by binding to a datasource or folder, or manually, by populating the ASPxImageZoomNavigator.Items collection.
  • Arranging ImageZoomNavigator items within the control one after another, either vertically or horizontally.
  • Navigation through images by clicking or hovering.
  • Keyboard support for paging.

How would you rate this topic?​​​​​​​