Fadout multiple image on splashscreen in IOS - iphone

Question

I am trying to animate multiple image for splash screen.i am displaying 3 image as splash screen 1st one is default image of splash screen than by using Ui-imageview i am displaying 2nd and 3rd on my Imageview.
I want to fade out image while changing the splash screen. I tried NSTimmer solution but it display me direct 3rd image and maine screen Than after i tried This solution to have but it display me my 2nd and 3rd image 2 times one after another.
any help is appreciated
EDITED /- Nikki Suggest me some solution but i am having confusion that Which place i unhidden my 2nd image view ?
Here is my code
backgroundImageView = [[UIImageView alloc] initWithFrame:self.view.bounds];
backgroundImageView.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;
backgroundImageView.image=[UIImage imageNamed:#"SPLASHSCREEN-2.png"];
backgroundImageView2 = [[UIImageView alloc] initWithFrame:self.view.bounds];
backgroundImageView2.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;
backgroundImageView2.image=[UIImage imageNamed:#"SPLASHSCREEN-3.png"];
[self.view addSubview:backgroundImageView];
[self.view addSubview:backgroundImageView2];
[backgroundImageView2 setHidden:YES];
[self performSelector:#selector(performTransition) withObject:nil afterDelay:1.0];
-(void)performTransition
{
CATransition *animation3 = [CATransition animation];
[animation3 setDuration:3.0f];
[animation3 setType:kCATransitionReveal];
[animation3 setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
[[backgroundImageView layer] addAnimation:animation3 forKey:#"SwitchToView"];
[backgroundImageView setHidden:YES];
[backgroundImageView2 setHidden:NO];//No animation happen while changing the image view
}

Answer 1

U can create the two ImageView to be displayed in the start and set them hidden at first. Just write the code to animate :
-(void)performTransition
{
CATransition *animation3 = [CATransition animation];
[animation3 setDuration:3.0f];
[animation3 setType:kCATransitionReveal];
[animation3 setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
[[backgroundImageView2 layer] addAnimation:animation3 forKey:#"SwitchToView"];
[backgroundImageView setHidden:YES];
[backgroundImageView2 setHidden:NO];//No animation happen while changing the image view
}
and set the ImageView will animate while it unhides. The animation type can be changed by changing the values of [animation3 setType:kCATransitionReveal];.
Remember to import : #import<QuartzCore/QuartzCore.h>
for hiding the previous ImageView with animation and displaying next ImageView with animation you can write the code inside a function and can call that function using performSelector and can add desired time interval.