Hi Suresh,
Such functionality can be incorporated into the RadRotator with some client-side scripts. Every number of the pagination will call a JavaScript method that will display the selected item by setting the current index. This can be achieved with the client method
set_currentItemIndex. In order to display the selected item for the same duration as every one of the rest, you can use the
stop and
start methods before and after the current index is set, which will restart the sliding animation. The marking of the currently displayed item on the pagination can be achieved by setting the CSS through JavaScript.
In addition to this, the client-side event
OnClientItemShown can be used to mark the current item on the pagination, as it is fired every time a new item is displayed.
The solution, suggested above, is implemented in the attached example. Please use it as a reference to incorporate the functionality into your actual project.
Greetings,
Slav
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their
blog feed now