ImageSliderItem.ThumbnailUrl Property
Gets or sets the path to the item thumbnail image.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v24.1.dll
NuGet Package: DevExpress.Web
Declaration
Property Value
Type | Default | Description |
---|---|---|
String | String.Empty | A String value that specifies the path to the image. |
Remarks
Use the ThumbnailUrl property to specify a URL that is the path to the item thumbnail image displayed in the navigation bar in thumbnail mode (when the ImageSliderNavigationBarSettings.Mode property is set to Thumbnails).
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 thumbnail images using the ASPxImageSlider.ThumbnailUrlField property.
If a thumbnail is not specified it is automatically created from the image specified by the ImageSliderItem.ImageUrl property.
When the AccessibilityCompliant property is enabled, an alternative text for an image is obtained from the ImageSliderItem.Text property. If the ImageSliderItem.Text property is not specified, an image’s filename and extension (saved within the ThumbnailUrl property) are used to define its alternative text.
Example
This code sample demonstrates how you can manually create ASPxImageSlider items and specify the items’ properties.
<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>