Hi,
I am new to Infragistics.
I am using WebImageViewer to display a set of images. I have defined a client side method for starting a timer and to navigate to next image so that a Slide Show can be simulated. I have a requirement where, I need to display the index of the image that is being displayed by WebImageViewer. Please help me with a way it can be achieved.
Here is the code :
<ig:WebImageViewer ID="iv1" runat="server" Height="100%" Width="1000px"
EnableDragScrolling="False" EnableInitialFadeAnimation="true"
ScrollAnimations-Type="NextItem">
</ig:WebImageViewer>
<asp:ImageButton ID="playButton" value="Play" runat="server" OnClientClick="SlideShow()" ImageUrl="~/play.png"/>
function SlideShow() {
var viewer = $find("iv1");
viewer.navigateNext();
}
Thanks a lot for helping.
Hi nancy1985,
Please let me know if you still need assistance on the matter.
Thank you for posting in the community.
I have created a sample, demonstrating the described behavior. First in the ‘Initialize’ client-side event of WebImageViewer set the label’s text to the index of the first image item. Then you could handle the ‘ImageSelected’ event to set the text to whatever item index is selected with the mouse. Use the button clicked handler to change the selected item’s index and the label text and navigate to the next picture.
Please find the attached sample.
Let me know if this helps.