ImageSliderItem.ImageUrl Property

Gets or sets the path to the item image.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

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>