This is a migrated thread and some comments may be shown as answers.

Why no crossfade?

18 Answers 175 Views
Rotator
This is a migrated thread and some comments may be shown as answers.
Tree
Top achievements
Rank 1
Tree asked on 18 Sep 2008, 03:30 PM
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.

18 Answers, 1 is accepted

Sort by
0
Lini
Telerik team
answered on 23 Sep 2008, 03:43 PM
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.
0
marcos paz
Top achievements
Rank 1
answered on 11 Nov 2008, 05:08 PM
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.
0
Georgi Tunev
Telerik team
answered on 12 Nov 2008, 03:47 PM
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.
0
kmv
Top achievements
Rank 1
answered on 15 Dec 2008, 09:32 PM
any ideas on a timescale for this



thanks
kevin
0
Georgi Tunev
Telerik team
answered on 16 Dec 2008, 11:17 AM
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.
0
Terry Brown
Top achievements
Rank 1
answered on 02 Apr 2009, 03:33 PM
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
0
Tree
Top achievements
Rank 1
answered on 02 Apr 2009, 11:18 PM
I gave up waiting a long time ago and have switched to using Flash for this stuff.
0
Fiko
Telerik team
answered on 06 Apr 2009, 01:28 PM
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.
0
Jeremy
Top achievements
Rank 2
answered on 07 Jan 2010, 07:08 PM
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.
0
Brice Long
Top achievements
Rank 1
answered on 08 Jan 2010, 11:27 PM

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

 

0
Fiko
Telerik team
answered on 13 Jan 2010, 01:55 PM
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.
0
Matthew
Top achievements
Rank 1
answered on 01 Jun 2010, 11:25 AM
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
0
Fiko
Telerik team
answered on 04 Jun 2010, 08:36 AM
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.
0
Matthew
Top achievements
Rank 1
answered on 04 Jun 2010, 11:22 AM
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
0
Fiko
Telerik team
answered on 09 Jun 2010, 03:27 PM
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.
0
Matthew
Top achievements
Rank 1
answered on 10 Jun 2010, 01:35 AM
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
 

0
Fiko
Telerik team
answered on 10 Jun 2010, 08:57 AM
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.
0
Coty
Top achievements
Rank 1
answered on 10 Jun 2010, 05:58 PM
>>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
Tags
Rotator
Asked by
Tree
Top achievements
Rank 1
Answers by
Lini
Telerik team
marcos paz
Top achievements
Rank 1
Georgi Tunev
Telerik team
kmv
Top achievements
Rank 1
Terry Brown
Top achievements
Rank 1
Tree
Top achievements
Rank 1
Fiko
Telerik team
Jeremy
Top achievements
Rank 2
Brice Long
Top achievements
Rank 1
Matthew
Top achievements
Rank 1
Coty
Top achievements
Rank 1
Share this question
or