UIImageView overlapping effect inside a UIView

Question

Check this URL http://krystalrae.com/ Scrolling down you will see a girl's cloths are changing on mouse wheel scrolling.

I have to create a iPad application where 3 images will appear likewise. The difference will be that in my case image change will occur horizontally rather than vertically in website. Also, i have to make it inside UIView with events touchesBegan, touchesMoved, touchesEnded and touchesCancelled

Help will be appreciated.

Thanks.

Answer 1

From your comment I gather that the problem is the resizing of the images in UIImageView when changing the bounds of the view.

You can set the contentMode of the image view to something else. The default is UIViewContentModeScaleToFill which is not what you want.

You could, for example, set the lower image view to UIViewContentModeBottom, and the upper image view to UIViewContentModeTop.

Don't forget to make sure your image views have sett the property maskToBounds set as YES.