Hi team
I would like to do the following functionality using java script code:
1- stop rotator .
2- resume.
3- resume in another direction
for item
1- I use the the pause() or stop API function.
2- I use the resume() API function
but for the 3rd one I do the following
change the direction using set_ScrollDirection()
then if I call the API Resume() function , It did not change the direction but just resume the animation
if I call the API MoveNext(dir) function or startAutoPlay() It works fine but It resume from the next item or from the first one.
What I need is resume the animation in the other direction without any frame shifting like any news bar.
Remarks:
thanks in advance
I would like to do the following functionality using java script code:
1- stop rotator .
2- resume.
3- resume in another direction
for item
1- I use the the pause() or stop API function.
2- I use the resume() API function
but for the 3rd one I do the following
change the direction using set_ScrollDirection()
then if I call the API Resume() function , It did not change the direction but just resume the animation
if I call the API MoveNext(dir) function or startAutoPlay() It works fine but It resume from the next item or from the first one.
What I need is resume the animation in the other direction without any frame shifting like any news bar.
Remarks:
- I'm using rad controls for asp.net ajax.
- .net framework 3.5
- IE as web browser
- windows vista as an operating system
thanks in advance
7 Answers, 1 is accepted
0
Hello,
I am attaching a page that demonstrates how to achieve the desired effect using the current version of the RadRotator control. To stop the rotator, I am using the .stop() API function. To re-start it, I first set the scroll and animation directions and then use the .start() API function.
Greetings,
Lini
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
I am attaching a page that demonstrates how to achieve the desired effect using the current version of the RadRotator control. To stop the rotator, I am using the .stop() API function. To re-start it, I first set the scroll and animation directions and then use the .start() API function.
Greetings,
Lini
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Moustafa
Top achievements
Rank 1
Rank 1
answered on 17 Jan 2009, 07:29 AM
thanks for your efforts
but really the problem not solved yet
I would lik the stop button to stop the rotation without making any frame skipping
I means that when you click the stop btton, the rotator should be stop the animation at the point as the user click the button
and resume at the same position with out making any an shift in frames or just one word.
please check this link for demonstration
thanks a lot
but really the problem not solved yet
I would lik the stop button to stop the rotation without making any frame skipping
I means that when you click the stop btton, the rotator should be stop the animation at the point as the user click the button
and resume at the same position with out making any an shift in frames or just one word.
please check this link for demonstration
thanks a lot
0
Hi Moustafa,
This behavior cannot be modified. Here is how RadRotator works in such scenario:
Let's assume that the rotator is rotating the items from right to left. When an item is shown and we pause it, this item is not fully shown in the rotator. Now when we change the rotation direction frol left to right and resume the rotation, the rotator will finish the showing of the paused item and just after that will start rotating all items to the right.
Regards,
Fiko
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
This behavior cannot be modified. Here is how RadRotator works in such scenario:
Let's assume that the rotator is rotating the items from right to left. When an item is shown and we pause it, this item is not fully shown in the rotator. Now when we change the rotation direction frol left to right and resume the rotation, the rotator will finish the showing of the paused item and just after that will start rotating all items to the right.
Regards,
Fiko
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
John
Top achievements
Rank 1
Rank 1
answered on 28 Jan 2009, 07:01 PM
I'm working with the rotator control and trying to implement some basic client-side functionality (start/stop/next) and I was wondering if you could point me to some documentation that includes some of the functions you reference in your examples. if I look at the documentation here (http://www.telerik.com/help/aspnet-ajax/rotator-clientside-api.html) I don't see a reference to any of the functions that you call.
Examples:
- start()
- stop()
- stopViewportAnimation()
- set_scrollDirection()
- set_animationDirection()
0
Hello John,
We are currently improving the documentation for RadRotator and it will be included for next release - Q1 2009.
Regards,
Fiko
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
We are currently improving the documentation for RadRotator and it will be included for next release - Q1 2009.
Regards,
Fiko
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
John
Top achievements
Rank 1
Rank 1
answered on 29 Jan 2009, 01:16 PM
Is there any chance of getting some informal documentation? A text file with function names would suffice at this point. Given the price my company is paying for your products it doesn't seem like an unreasonable request to have some current documentation.
In the meantime there is one particular bit of functionality I'm struggling with. I'm using a Rotator in conjunction with some "tabs" (links). The goal is to allow for a user to click a link and jump to the corresponding image in the rotator (via index). Is there a function that allows for setting the current index of the rotator on the client-side?
See this screenshot for a visual.
http://skitch.com/jallen7usa/bn37m/ws-banner1-v2
0
Hello John,
I have just finished the help article about RadRotator's client-side API and the new version will be available with the next update. Below you can find the list of currently supported client-side methods and functions. As for your question, currently this is not possible - the initial item's index can be set from the server only.
Let me know if this helps and if you have other suggestions about the documentation - I will be glad to discuss them with you.
Sincerely yours,
Georgi Tunev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
I have just finished the help article about RadRotator's client-side API and the new version will be available with the next update. Below you can find the list of currently supported client-side methods and functions. As for your question, currently this is not possible - the initial item's index can be set from the server only.
| Method | Description |
|---|---|
| pause | Pauses the animation |
| resume | Resumes the paused animation |
| start | Starts the animation |
| stop | Stops the animation |
| showNext |
scrolls the rotator in the specified direction and shows the next frame. The direction parameter must be of type Telerik.Web.UI.RotatorScrollDirection, e.g. rotator1.showNext(Telerik.Web.UI.RotatorScrollDirection.Right); |
| get_currentItem | Gets the current item. |
| isViewportScrollMode | Returns a Boolean that indicates if the rotator is scrolling item by item or it is scrolling the whole viewport |
| stopViewportAnimation | If an item is partially shown and the rotator is paused, calling this function will force the rotator to fully display the item. |
| isAutomaticAdvance | Returns a Boolean that indicates if the rotator is set in AutomaticAdvance mode. |
| isSlideShow | Returns a Boolean that indicates if the rotator is set in SlideShow mode |
| isScrollingForward | Returns a Boolean that indicates if the rotator is scrolling forwards. |
| isScrollingLeft | Returns a Boolean that indicates if the rotator is scrolling to the left. |
| isScrollingUp | Returns a Boolean that indicates if the rotator is scrolling upward. |
| get_defaultAnimationDirection | Returns the default animation direction. |
| get_rotatorType | Gets rotator's type |
| set_rotatorType | Sets rotator's type |
| isVertical | Returns a Boolean that indicates if the rotator is verticalr |
| get_height | Gets rotator's height |
| set_height | Sets rotator's height |
| get_width | Gets rotator's width |
| set_width | Sets rotator's width |
| get_initialItemIndex | Gets rotator's initial item's index |
| isVisible | Returns a Boolean that indicates if the rotator is visible. |
| repaint | Redraw the rotator |
| get_wrapFrames | Returns true if RadRotator is set to start scrolling the rotator frames from the beginning, once the rotator shows the last frame. |
| set_wrapFrames | Accepts true or false as an argument. When set to true, RadRotator will start scrolling the rotator frames from the beginning, once the last frame is shown. |
| get_scrollDuration | Gets the speed in milliseconds for scrolling rotator items. |
| set_scrollDuration | Sets the speed in milliseconds for scrolling rotator items. |
| set_frameDuration | Sets the time in milliseconds each frame will display in automatic scrolling scenarios. |
| get_frameDuration | Gets the time in milliseconds each frame will display in automatic scrolling scenarios. |
| add_load | Sets a name of a JavaScript function to be called when the rotator is loaded. |
| remove_load | Removes the reference. |
| add_buttonOver | Sets a name of a JavaScript function to be called when mouse's cursor is over rotator's button |
| remove_buttonOver | Removes the reference |
| add_buttonOut | Sets a name of a JavaScript function to be called when mouse's cursor hovers out of rotator's button |
| remove_buttonOut | Removes the reference |
| add_buttonClick | Sets a name of a JavaScript function to be called when rotator's button is clicked |
| remove_buttonClick | Removes the reference |
| add_itemClicking(function_name) | Sets a name of a JavaScript function to be called when an item is clicked |
| remove_itemClicking(function_name) | Removes the Javascript function identified by function_reference. |
| add_itemClicked(function_name) | Sets a name of a JavaScript function to be called after a item is clicked |
| remove_itemClicked(function_name) | Removes the Javascript function identified by function_reference. |
| add_mouseOver(function_name) | Sets a reference to the JavaScript function to be called when the mouse hovers a item. |
| remove_mouseOver(function_name) | Removes the Javascript function identified by function_reference. |
| add_mouseOut(function_name) | Sets a reference to the JavaScript function to be called after the mouse leaves a item. |
| remove_mouseOut(function_name) | Removes the Javascript function identified by function_reference. |
| add_itemShowing(function_name) | Sets a reference to the JavaScript function to be called when an item is about to be shown. |
| remove_itemShowing(function_name) | Removes the Javascript function identified by function_reference. |
| add_itemShown(function_name) | Sets a reference to the JavaScript function to be called after an item has been shown. |
| remove_itemShown(function_name) | Removes the Javascript function identified by function_reference. |
| get_items | Returns rotator's item collection |
| set_items | Sets rotator's item collection |
Let me know if this helps and if you have other suggestions about the documentation - I will be glad to discuss them with you.
Sincerely yours,
Georgi Tunev
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.