ImageSliderItem.ImageUrl Property

Gets or sets the path to the item image.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v18.2.dll

Declaration

C#

[DefaultValue("")]
public string ImageUrl { get; set; }

VB.NET

<DefaultValue("")>
Public Property ImageUrl As String

Property Value

Type	Default	Description
String	String.Empty	A String value that specifies the path to the image.

Remarks

Use the ImageUrl property to specify a URL that is the path to the item image displayed within the image area. If the ASPxImageSlider is bound to a data source, you can specify the data source’s data field (or an xml element’s attribute) which stores locations of item images via the ASPxImageSlider.ImageUrlField property.

You can specify an item thumbnail image that is displayed in the navigation bar (in thumbnail mode) via the ImageSliderItem.ThumbnailUrl property. If the thumbnail is not specified, it is automatically created from the image specified via the ImageUrl property.

Example

This code sample demonstrates how you can manually create ASPxImageSlider items and specify the items’ properties.

ASPX

<dx:ASPxImageSlider ID="ASPxImageSlider1" runat="server">
     <Items>
          <dx:ImageSliderItem ImageUrl="~/Images/img1.jpg" Name="Sunset" 
               NavigateUrl="~/sunset.asp" Text="Sunset" ThumbnailUrl="~/Thumbnails/thumb1.jpg" />
          <dx:ImageSliderItem ImageUrl="~/Images/img2.jpg" Name="Lupines" 
               NavigateUrl="~/lupines.asp" Text="Lupines" ThumbnailUrl="~/Thumbnails/thumb2.jpg" />
          <dx:ImageSliderItem ImageUrl="~/Images/img3.jpg" Name="Road" 
               NavigateUrl="~/road.asp" Text="Road" ThumbnailUrl="~/Thumbnails/thumb3.jpg" />
     </Items>
</dx:ASPxImageSlider>

Related GitHub Examples

The following code snippet (auto-collected from DevExpress Examples) contains a reference to the ImageUrl property.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

C#

aspxdashboard-how-to-switch-dashboards-by-clicking-thumbnails-displayed-in-image-slider-t526185/CS/WebApplication18/Default.aspx.cs#L31

protected void ImageSlider_ItemDataBound(object source, ImageSliderItemEventArgs e) {
    e.Item.Name = System.IO.Path.GetFileNameWithoutExtension(e.Item.ImageUrl);
}

VB.NET

aspxdashboard-how-to-switch-dashboards-by-clicking-thumbnails-displayed-in-image-slider-t526185/VB/WebApplication18/Default.aspx.vb#L33

Protected Sub ImageSlider_ItemDataBound(ByVal source As Object, ByVal e As ImageSliderItemEventArgs)
    e.Item.Name = System.IO.Path.GetFileNameWithoutExtension(e.Item.ImageUrl)
End Sub