ASP.NET: Image Zoom Control (Coming soon in 14.1)

ASP.NET Team Blog
20 May 2014

Check out the slick new ASP.NET Image Zoom control that's coming in the v14.1 release:

DevExpress ASP.NET Image Zoom Control

The DevExpress ASP.NET Image Zoom extension provides you with the ability to display images in high-resolution detail. ImageZoom 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.

With the Image Zoom control you get the same features and functionality as the large retail product websites like Amazon.com or Zappos.com.

Features

The new ASP.NET ImageZoom control ships with the following features:

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

Navigate and Zoom

The ASP.NET ImageZoom control can be used in conjunction with the ASP.NET ImageZoom Navigator. This allows you to navigate through a set of images as necessary. When used together, the following features are available:

  • Navigation through a collection of images.
  • Binding to an image collection.
  • Binding to a folder containing images.
  • Ability to automatically generate images and thumbnails in bound mode.

ASP.NET WebForms and MVC

The new Image Zoom control is available as a WebForms Control and ASP.NET MVC extension in the 14.1 release. The same great features are available in both platforms!

Download Now

Download the 14.1 beta now and try the new Image Zoom control in your Visual Studio instance. To get the 14.1 beta, make sure your DevExpress license is current.

Leave a comment below with your thoughts on the new Image Zoom control.


Your Next Great .NET App Starts Here

Year after year, .NET developers such as yourself consistently vote DevExpress products #1.

Experience the DevExpress difference for yourself and download a free 30-day trial of all our products today: DevExpress.com/trial (free support is included during your evaluation).

6 comment(s)
Rubén Duarte
Rubén Duarte

It is possible to apply this functionality to a XAF web app ?

21 May, 2014
Dennis (DevExpress)
Dennis (DevExpress)

@Rubén: Sure, that is possible. A common practice to use custom controls for presenting and editing data properties or lists of objects is to implement custom PropertyEditor and ListEditor classes. Technically, they are just wrappers around custom controls that are required for integration into XAF infrastructure.

22 May, 2014
Paul Serrano 1
Paul Serrano 1

Is it possible crop a portion of the image and save this ?

2 June, 2014
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Hi Paul,

No it cannot save a cropped image because it's not an image editor tool but an image display tool.

2 June, 2014
Moorzee
Moorzee

Looks like a really powerful control, especially linking up to Navigator, unfortunately struggling to get this working in ASP Single Page Application......

9 June, 2014
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Moorzee,

The ASP.NET SPA templates use client-side technologies:

www.asp.net/.../templates

The DevExpress ASP.NET Image Zoom control is a server side control.

Please contact the DevExpress support team and they maybe able to help you:

www.devexpress.com/.../CreateIssue.aspx

9 June, 2014

Please login or register to post comments.