resume animation

8 posts, 0 answers
  1. Moustafa
    Moustafa avatar
    70 posts
    Member since:
    Jul 2008

    Posted 14 Jan 2009 Link to this post

    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:
    1. I'm using rad controls for asp.net ajax.
    2. .net framework 3.5
    3. IE as web browser
    4. windows vista as an operating system

    thanks in advance


  2. Lini
    Admin
    Lini avatar
    2144 posts

    Posted 16 Jan 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Moustafa
    Moustafa avatar
    70 posts
    Member since:
    Jul 2008

    Posted 17 Jan 2009 Link to this post

    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

  5. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 20 Jan 2009 Link to this post

    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.
  6. John
    John avatar
    5 posts
    Member since:
    Jan 2009

    Posted 28 Jan 2009 Link to this post

    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()
  7. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 29 Jan 2009 Link to this post

    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.
  8. John
    John avatar
    5 posts
    Member since:
    Jan 2009

    Posted 29 Jan 2009 Link to this post

    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

  9. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 30 Jan 2009 Link to this post

    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.



    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017