ImageGalleryItem Object
RadImageGallery exposes an ImageGalleryItemCollection available through the get_items() method. It contains the different RadImageGalleryItems which hold data related to a certain image. The properties for every RadImageGalleryItem are listed in the table below.
RadImageGalleryItem properties
| Name | Parameters | Return Type | Description |
|---|---|---|---|
| get_description() | String | Gets the related description. | |
| get_height() | String | Returns the height of the image. | |
| get_imageUrl() | String | Returns the URL of the image. | |
| get_itemIndex() | Number | Gets the index of the particular item. | |
| get_owner() | Telerik.Web.UI.RadImageGallery | Gets the parent of the current object. | |
| get_thumbnailElement() | HTML Element | Returns the related thumbnail element. | |
| get_thumbnailUrl() | String | Returns the URL of the thumbnail. | |
| get_title() | String | Gets the title of the image. | |
| get_width() | String | Returns the width of the image. |
The example below illustrates how you can use a property to extract a value from the RadImageGalleryItem. The logic shown traverses all the items and stores the titles in a collection.
<telerik:RadImageGallery RenderMode="Lightweight" ID="RadImageGallery1" runat="server" AllowPaging="true"
DataSourceID="SqlDataSource1" Width="800px" DataTitleField="PhotoTitle" DataImageField="Photo" DataThumbnailField="Photo" >
</telerik:RadImageGallery>
function pageLoad() {
var imageGallery = $find('<%=RadImageGallery1.ClientID%>'),
items = imageGallery.get_items(),
count = items.get_count(),
titles = [];
for (var i = 0; i < count; i++) {
titles.push(items.getItem(i).get_title());
}
}