Why no crossfade?

[Tree]

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.

[Lini]

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.

[marcos paz]

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.

[Georgi Tunev]

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.

[kmv]

any ideas on a timescale for this



thanks
kevin

[Georgi Tunev]

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.

[Terry Brown]

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

[Tree]

I gave up waiting a long time ago and have switched to using Flash for this stuff.

[Fiko]

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.

[Jeremy]

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.

[Brice Long]

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

 

[Fiko]

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.

[Matthew]

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

[Fiko]

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.

[Matthew]

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).

http://tobia.github.com/CrossSlide/

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

[Fiko]

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.

[Matthew]

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;

[Fiko]

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.

[Coty]

>>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