Image Gallery
The DevExpress Image Gallery (ASPxImageGallery) control allows you to display images from a source folder or data source. The fullscreen mode is also supported.
UI Elements
A fully customizable UI.
UI Elements
Image gallery UI elements include:
- Thumbnails
- Thumbnail Text
- Pager
- Fullscreen Viewer
Data Binding
Load images from a data source or add them manually.
Data Binding
While binding to a data source, the Image Gallery automatically creates image items and retrieves their property values from the corresponding data source fields:
-
FullscreenViewerTextField
-
FullscreenViewerThumbnailUrlField
-
ImageUrlField
-
NavigateUrlField
-
TextField
-
ThumbnailUrlField
In unbound mode, you should create and customize image items manually.
Folder Binding
Load images from a folder.
Folder Binding
To display images from a folder, specify the folder path using the ImageSourceFolder property. Images are scaled and thumbnails are created automatically.
Templates
Customize the appearance and layout of the image gallery.
Templates
Tmeplates define how UI elements will be rendered by a client browser. You can create templates for the following elements:
- Item text
- Item text in a Fullscreen Viewer.
Adaptive Layout
Brilliantly adaptive with any template, options you choose.
Adaptive Layout
No matter what device people access your site from, the DevExpress ASP.NET Image Gallery will look consistently perfect.
"What I enjoy most is the stability of the products and super-fast and accurate support from your support team."Robert Kurtanjek
Image Slider
The DevExpress ASP.NET Image Slider allows end-users to display and navigate images. The built-in support for touch screen gestures ensures that your visitors receive a smooth, native-like experience. The fullscreen and slide show modes are also available.
UI Elements
A highly customizable UI.
UI Elements
Every slide parameter can be easily customized to fit your web site design and your needs. Enjoy features like: text descriptions, navigation control (with thumbnails, prev/next and stop/play buttons, bullets), slide animation, loop, autoplay, navigation direction, image and thumbnail size, and much more!
Data Binding
Load images from a data source, specified folder or add them manually.
Data Binding
The ASP.NET Image Slider can display images from a datasource or folder. The unbound mode is also supported. In unbound mode, slides are added and customized manually using the Items Editor.
Slide Show
Provide elegant and efficient slideshow galleries.
Slide Show
The slideshow functionality is built-in. The following slideshow options are available:
- AutoPlay
- Time Interval
- Pause on Mouse Hover
- Optional Play/Pause Button
Navigation Bar Mode
Use the image slider navigation bar as a standalone control.
Navigation Bar Mode
Use the image slider navigation bar as a standalone control.
Templates
Customize the appearance and layout of the image slider.
Templates
Customize the appearance and layout of the image slider.
Full-screen Mode
Make your gallery stand out.
Full-screen Mode
In contrast to boxed layout, fullscreen option allows you to set your image slider to span the whole width and height of the browser to make your gallery stand out. To display the image slider fullscreen, set its Width and Height properties to 100%.
The combination of your great products and commitment to excellent customer service is why I plan on staying with you for the foreseeable future.Tim Miller
Image Zoom
The DevExpress ASP.NET Image Zoom control allows you to preview high-resolution images and enlarge them on mouse hover, or show fullsreen on mouse click.
UI Elements
Enlarge an image on mouse hover or on click.
UI Elements
The ASP.NET Image Zoom control displays a preview of the magnified image near the original image when mouse rolls over it. A click on the image enlarges it in a full-screen popup.
The Image Zoom control consists of two parts: a preview image and a Zoom/Expand Window that pops up when an end-user hovers the mouse pointer above the image.
You can specify captions for Zoom and Expand windows.
Data Binding / Image Caching
Display images from a binary stream.
Data Binding / Image Caching
The ASP.NET Image Zoom control caches binary images to the specified folder. The cached image sizes are specified by using the following properties:
- ImageWidth - specifies the width of cached images that will be displayed in the preview image element.
- ImageHeight - specifies the height of cached images that will be displayed in the preview image element.
- LargeImageWidth - specifies the width of cached images that will be displayed in the zoom window element.
- LargeImageHeight - specifies the height of cached images that will be displayed in the zoom window element.
Full-screen Mode
Enlarge an image to full screen on mouse click.
Full-screen Mode
Turn on the EnableExpandMode option to enable the fullscreen mode. In this mode, a fullscreen image is displayed when an end-user clicks its preview.
Thumbnail Navigation
Provide a thumbnail image navigation.
Thumbnail Navigation
The ASPxImageZoomNavigator is a data control that displays a set of thumbnails. Clicking a thumbnail opens a corresponding image within an associated ASPxImageZoom control.