Film Roll: Full Screen

Configuration

To configure FilmRoll as a vertically centered full screen carousel, do the following:

• Using CSS, configure your container div to be 100% height (and width if necessary):

  #film_roll { height: 100%; }

• Do not pass a height when you instantiate the FilmRoll. To align the children to vertical center, use the vertical_center option:

  var film_roll = new FilmRoll({
        container: '#film_roll',
        vertical_center: true,
      });

• If you leave the pager enabled, you'll want to bump it back up with CSS:

  .film_roll_pager {
        position: relative;
        top: -20px;
      }

Return to FilmRoll Close