Hi there,
I'm using Rotator control to display image gallery with RotatarType="Button". On button click I want to display next image.
All the images are of same size but when i click on Next button i see only half of the image displayed. I want to show 1 image on each
click. Is it possible using Rotator control ?
Here are my code.
<telerik:RadRotator ID="RadRotator1" runat="server" Width="400" Height="300" ItemWidth="400" ItemHeight="300"
RotatorType="Buttons">
<ItemTemplate>
<div class="itemTemplate">
<img src="<%# DataBinder.Eval(Container.DataItem, "Image") %>"
alt="<%# DataBinder.Eval(Container.DataItem, "Name") %>" />
</div>
</ItemTemplate>
</telerik:RadRotator>
Dim rotatorData As New DataTable()
rotatorData.Columns.Add("Image")
rotatorData.Columns.Add("Name")
For Each tempInfo As fileInfo In imagesArray
rotatorData.Rows.Add(New String() {tempInfo.filename, tempInfo.name})
Next
RadRotator1.DataSource = rotatorData
RadRotator1.DataBind()
Attached jpg file shows two images at one time.
I'm using Rotator control to display image gallery with RotatarType="Button". On button click I want to display next image.
All the images are of same size but when i click on Next button i see only half of the image displayed. I want to show 1 image on each
click. Is it possible using Rotator control ?
Here are my code.
<telerik:RadRotator ID="RadRotator1" runat="server" Width="400" Height="300" ItemWidth="400" ItemHeight="300"
RotatorType="Buttons">
<ItemTemplate>
<div class="itemTemplate">
<img src="<%# DataBinder.Eval(Container.DataItem, "Image") %>"
alt="<%# DataBinder.Eval(Container.DataItem, "Name") %>" />
</div>
</ItemTemplate>
</telerik:RadRotator>
Dim rotatorData As New DataTable()
rotatorData.Columns.Add("Image")
rotatorData.Columns.Add("Name")
For Each tempInfo As fileInfo In imagesArray
rotatorData.Rows.Add(New String() {tempInfo.filename, tempInfo.name})
Next
RadRotator1.DataSource = rotatorData
RadRotator1.DataBind()
Attached jpg file shows two images at one time.