Why no crossfade?

19 posts, 0 answers
  1. Tree
    Tree avatar
    111 posts
    Member since:
    Nov 2005

    Posted 18 Sep 2008 Link to this post

    I really would like to be able to crossfade images when using RadRotator in slide show mode.  But option doesn't exist.

    My options are to use Flash (I really don't want to do that), to go out and buy another component, write it myself from scratch or figure out how to extend the Telerik script to do it.

    I'd like to try the latter with some help from Telerik if possible.

    Surely it is just a matter of stacking the images in one spot and then gradually changing opacity of the top image until the one below is completely revealed.  Then shuffle the top image's z-index to put it at the bottom of the stack, no?

    And as far as opacity, I think there are only three CSS implementations I need to worry about:

    1. Mozilla pre-CSS3 -> MozOpacity (a value between 0 and 1)
    2. CSS3 compatible -> opacity (a value between 0 and 1)
    3. IE -> filter(alpha=???)  where ??? is a value between 0 and 100

    Of course, some browser don't support opacity.  They'll just ignore the dynamic changing of opacity in CSS and will change images when the top image is shuffled to the bottom of the stack.

    Telerik: Can you help me get going?  I'll upload the code back to Telerik.com.
  2. Lini
    Admin
    Lini avatar
    2144 posts

    Posted 23 Sep 2008 Link to this post

    Hi,

    This feature (cross-fade item animation) is currently logged for the next RadControl major release (Q3 2008). I don't think this is possible to implement at the moment since there is no way to show two RadRotator items on top of each other using the client API.

    Best wishes,
    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. marcos paz
    marcos paz avatar
    3 posts
    Member since:
    Sep 2005

    Posted 11 Nov 2008 Link to this post

    greetings,
    i am not seeing the cross fade functionality in the Q3 2008 release. Is there still a plan for releasing this functionality ?
    is it possible to use the current client-side API to implement this feature,

    regards,
    marcos.
  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 12 Nov 2008 Link to this post

    Hi Marcos,

    This animation is still not implemented but we are working on it. We will do our best to provide this feature as soon as possible.



    Greetings,
    Georgi Tunev
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  6. kmv
    kmv avatar
    53 posts
    Member since:
    Apr 2008

    Posted 15 Dec 2008 Link to this post

    any ideas on a timescale for this



    thanks
    kevin
  7. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 16 Dec 2008 Link to this post

    Hello kevin,

    As I noted in my previous reply, this feature is in our ToDo list - we will do our best to include it for Q1 2009.


    Sincerely yours,
    Georgi Tunev
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  8. Terry Brown
    Terry Brown avatar
    3 posts
    Member since:
    May 2006

    Posted 02 Apr 2009 Link to this post

    any news on this yet?  fading looks a little clunky, and I don't want to have to revert to jQuery if I can get it out of the box with Telerik :)

    hopefully you're about done with this one?

    Cheers,
    Terry
  9. Tree
    Tree avatar
    111 posts
    Member since:
    Nov 2005

    Posted 02 Apr 2009 Link to this post

    I gave up waiting a long time ago and have switched to using Flash for this stuff.
  10. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 06 Apr 2009 Link to this post

    Hi guys,

    Due to tasks with higher priority, we postponed this feature for one of the following updates.

    Sincerely yours,
    Fiko
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  11. Jeremy
    Jeremy avatar
    11 posts
    Member since:
    Nov 2009

    Posted 07 Jan 2010 Link to this post

    Any word? Is this going to be released for Q1 2010? I guess I will have to use jQuery for now, but the whole point of going this direction is to replace existing jscript.
  12. Brice Long
    Brice Long avatar
    2 posts
    Member since:
    Jun 2009

    Posted 08 Jan 2010 Link to this post

    Telerik Team

    It is now Q1 2010 and there is still no Cross-Fade feature. Can you provide us with an actual release or date of when this is going to be implemented? This seems to be either a glaring oversight, or something that was not properly accounted for in the initial development.  I have to think that is the one most needed and requested options for this control. Otherwise why use this in a gallery type scenario over using Flash, Silverlight, JQuery, etc.?

    Much like our clients all expect us to deliver on the timelines that are set and agreed upon, I don't think it is too much to expect our software vendors to do the same.  It would be nice to see a date that is actually met instead of empty promises of "Q3 2008", "Q1 2009", "next release", etc... It is VERY frustrating that this thread has been open for over 15 months with the same request and no apparent movement.

    Sincerely Frustrated,
    Brice

     

  13. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 13 Jan 2010 Link to this post

    Hi Brice,

    The Cross-Fade animation feature is in our ToDo list. Due to tasks with higher priority, however, we decided to postpone the implementation of the feature and at this point I cannot tell for sure when we will be able to implement it.

    We will release a PITS (Public Issue Tracking System) very soon, where this task will be logged and you can vote it in order to increase its priority.



    Sincerely yours,
    Fiko
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  14. Matthew
    Matthew avatar
    3 posts
    Member since:
    Oct 2009

    Posted 01 Jun 2010 Link to this post

    I notice the crossfade works in chrome browser but not ie. Is it still on the todo list?

    I am guessing at this point that I'll just do it in jquery, but it seems like such a waste when everything erlse about the rotator is a perfect fit for my site.

    Cheers
  15. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 04 Jun 2010 Link to this post

    Hello Matthew,

    RadRotator control does not have crossfade animation feature, but Fade only. If you talk about Fade animation, it is working on all major browsers and I am not quite sure what is causing the problem on your side. Could you please test it on this online demo (you need to choose SlideShow or SlideShowButton)? Do you experience the same problem?


    Sincerely yours,
    Fiko
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  16. Matthew
    Matthew avatar
    3 posts
    Member since:
    Oct 2009

    Posted 04 Jun 2010 Link to this post

    Hi

    Yeah, I understand, it has fade and scroll which are fine. What I'm looking for is a fade between two images (without fading to a flat colour in between), just a regular, standard, what every client asks for kind of fade (a crossfade).


    This site does it really well using jquery, it's cross browser, but of course if I just switch and use that I will have to add the other functionality that I use often with your rotator. What I would love is your rotator to be able to do these simple style transitions.

    Cheers
  17. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 09 Jun 2010 Link to this post

    Hi Matthew,

    I apologize for the misunderstanding and for the provided misleading information in my previous response. Actually, the animation that you need to use exists in RadRotator. You need to setup the control as shown bellow in order to enable it:
    <telerik:RadRotator ID="RadRotator1" runat="server" DataSourceID="XmlDataSource1" ScrollDuration="4000"
        Width="100px" ItemWidth="100px" ItemHeight="100px" Height="100px" RotatorType="SlideShow"
        OnClientLoad="OnClientLoad">
        <ItemTemplate>
            <asp:Image ID="Image1" runat="server" ImageUrl='<%# XPath("ImageURL") %>' CssClass="imgSize" />
        </ItemTemplate>
        <SlideShowAnimation Duration="2000" Type="CrossFade" />
    </telerik:RadRotator>

    The animations are active when one of the SlideShow modes are enabled in RadRotator control. Please note that, however, this CrossFade feature is available in Q1 2010 SP1 (version 2010.1.415) and later versions of the control.

    I hope this helps.


    Regards,
    Fiko
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  18. Matthew
    Matthew avatar
    3 posts
    Member since:
    Oct 2009

    Posted 09 Jun 2010 Link to this post

    Hi

    While this is what I'm after it doesn't appear to work in ie7 or ie8.

                    backgroundRotator.RotatorType = RotatorType.SlideShow; 
                    backgroundRotator.SlideShowAnimation.Type = Telerik.Web.UI.Rotator.AnimationType.CrossFade; 
                    backgroundRotator.SlideShowAnimation.Duration = 3500
     

  19. Fiko
    Admin
    Fiko avatar
    1406 posts

    Posted 10 Jun 2010 Link to this post

    Hi Matthew,

    A similar behavior occurs when the RadRotator's Width, ItremWidth, Height and ItemHeight properties are not configured according to the content declared inside its ItemTemplate. More details about how to configure RadRotator control can be found in this KB article.

    In addition, you can see the CrossFade animation in action in this online demo. You need to set RotatorType to "SlideShow" or "SlideShowButtons" and Animation to "CrossFade" in order to enable CrossFade effect.

    I hope this helps.

    Greetings,
    Fiko
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  20. Coty
    Coty avatar
    90 posts
    Member since:
    Aug 2006

    Posted 10 Jun 2010 Link to this post

    >>Width, ItremWidth, Height and ItemHeight

    Thank you, I was missing the itemwidth and itemheight, once added, the crossfade worked.  (before it was just doing a fade)

    Coty
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017