Hiding back images in iCarouselTypeRotary view for iCarousel

Question

I have set images in iCarousel. When I scroll the carousel, it shows images in front and back. I do not want to display images in back. Please help. Thank you.

have u used sample code of iCarousael then it also provide different switch type from that u can change the type which will not shows image in background — Aakil Ladhani, Feb 21 '12 at 12:44

dtochetto · Answer 1 · 2016-04-27T20:14:37.257

8

You should implement the delegate:

- (CGFloat)carousel:(iCarousel *)_carousel valueForOption:(iCarouselOption)option withDefault:(CGFloat)value{
 switch (option)
 {
    case iCarouselOptionVisibleItems:
    {
        return numberOfItemsIntheFront;
    }
 }
}

edited Apr 27 '16 at 20:14

answered Sep 27 '13 at 22:01

dtochetto

676
6
8

score 4 · Accepted Answer · answered Feb 21 '12 at 14:19

4

You'll need to change to a custom carousel type, and copy the implementation of iCarouselTypeRotary in your delegate. Then implement -carousel:itemAlphaForOffset: so that items around the back have an alpha of zero.

answered Feb 21 '12 at 14:19

Simon

25,468
44
152
266

Great to hear. If my answer helped, please could you click the tick mark to mark this as the correct answer? – Simon Feb 22 '12 at 13:44
1

can you please give more description on this @Simon – bLacK hoLE Sep 15 '15 at 08:47

Nick Lockwood · Answer 3 · 2014-04-24T14:52:37.430

3

In the latest version of iCarousel, the easiest way to do this is to set view.layer.doubleSided = NO on your carousel item views, or to use the iCarouselOptionShowBackfaces property, like this:

- (CGFloat)carousel:(iCarousel *)_carousel valueForOption:(iCarouselOption)option withDefault:(CGFloat)value
{
    switch (option)
    {
        case iCarouselOptionShowBackfaces:
        {
            return NO;
        }
        default:
        {
            return value;
        }
    }
 }

edited Apr 24 '14 at 14:52

answered Jul 29 '12 at 02:00

Nick Lockwood

40,865
11
112
103

2

I tried this but the views are still visible. If I understand the question correctly, the OP (and myself) are trying to hide the views that are behind the front views. – daveMac Apr 24 '14 at 13:41
Try setting the iCarouselOptionShowBackfaces to NO. – Nick Lockwood Apr 24 '14 at 14:50

score 2 · Answer 4 · answered Nov 06 '15 at 12:08

Code below will nicely fade away items that are going to the back. Enjoy.

func carousel(carousel: iCarousel, valueForOption option: iCarouselOption, withDefault value: CGFloat) -> CGFloat
{
    if (option == .Spacing)
    {
        return value * 1.1
    }
    else if (option == .FadeMin)
    {
        return 0;
    }
    else if (option == .FadeMax)
    {
        return 0;
    }
    else if (option == .FadeRange)
    {
        return 3;
    }

    return value
}

score 0 · Answer 5 · answered Aug 14 '13 at 19:24

0

I tried the solution suggested by @NickLockwood but doesn't seem to work :-( I added it to both methods in viewForItemAtIndex & placeholderViewAtIndex. My image size is 115*115 pixels and canvas size is 146*146 pixels. However, setting a return value of 'return value * 0.82f;' under iCarouselOptionSpacing (inside the method valueForOption) did the trick for me.

answered Aug 14 '13 at 19:24

kkuldeep

19
2

It sounds like you're trying to solve a different problem than the one asked in the question. I don't see how changing the spacing could affect whether backward-facing items are visible o_O – Nick Lockwood Feb 27 '14 at 11:42

score 0 · Answer 6 · answered Nov 12 '20 at 06:32

The easiest way to hide the background images

 func carousel(_ carousel: iCarousel, valueFor option: iCarouselOption, withDefault value: CGFloat) -> CGFloat {
    switch option {
    case .spacing:
        
        return 1.05
        
    case .visibleItems:
        
        return 3

    default:
        return value

Hiding back images in iCarouselTypeRotary view for iCarousel

6 Answers6

Linked