MarkTingson
Level 1 (0 points)

Q: iAd Producer Question about the Gallery Component

Hi,

 

I would like to know how to make the Gallery component to be able to loop. I understand that I can use the Carousel component, but the required design of my clients looks similar with the Gallery Component. It just have to be looping and I'm done.

 

Thanks in advance!

Mark

Posted on Jul 4, 2014 4:18 PM

Close
MarkTingson

Q: iAd Producer Question about the Gallery Component

  • All replies
  • Helpful answers

  • by markmalone,

    markmalone markmalone Jul 4, 2014 11:51 PM in response to MarkTingson
    Level 2 (210 points)
    Jul 4, 2014 11:51 PM in response to MarkTingson

    The best way is to place a Carousel object in a View object and resize the Carousel until a given cell is the same size of the View.  Make sure to check the "Clips to Bounds" setting in the inspector for the View and the "Snaps to Cells" setting for the carousel.

     

    Views are containers so drop one on the canvas then double-click it to edit its contents then drop in your Carousel.

     

    Here's what the View (and its settings) looks like with the Carousel inside:

    Screen Shot 2014-07-05 at 3.47.10 PM.png

    Here's what the Carousel (and its settings) looks like when embedded in the View and selected.

     

    Screen Shot 2014-07-05 at 3.44.06 PM.png

    -Mark

  • by MarkTingson,

    MarkTingson MarkTingson Jul 7, 2014 11:02 AM in response to markmalone
    Level 1 (0 points)
    Jul 7, 2014 11:02 AM in response to markmalone

    Thanks for the reply Mark!

     

    I tried your suggestion but I think that's not what I'm trying to achieve. The image below is what I'm trying to do. It shows 3 video thumbnails but you can slide into the other 2 by swiping or tapping the left and right arrows. I'm trying to use the Gallery object but the scrolling isn't looping unlike the Carousel Object. So I thought of two solutions:

     

    1.) Use the Gallery object BUT find a way loop image sliding functionality (same as the Carousel object).

    2.) Use the Carousel object BUT find a way to remove it's 3D designs (Notice the two image on the sides are skewed).

     

    I hope you can help me out on this.

     

    Best,

    Mark

    expanded_guide.jpg