Filmstrip Addon

• Filmstrip Addon
• Filmstrip Panel
• Settings Tab
• Slides Tab

Filmstrip Addon

The Filmstrip addon for Slider Revolution turns a single layer into a moving strip of many images and videos. Instead of placing one piece of media in the layer, you give the layer a list of media items and choose a layout, and the addon draws and animates all of those items inside the layer’s bounds.

It adds one area to the Module Editor, the Filmstrip design panel, which appears for image, video and shape layers. It does not appear for text, audio, icon, container or navigation layers.

Access the Filmstrip panel by going to the Module Editor, selecting an image, video or shape layer via the Canvas or Layers sidebar, and in the Right Sidebar clicking the Design icon ¹ to enter Design Mode. Then click the Filmstrip tab icon ².

Ten layouts are available. One of them, Marquee (Continuous), scrolls the items in an unbroken loop with no notion of a current item. The other nine step between items and are referred to throughout this document as the navigable layouts. They are Coverflow 3D, Path, Stack, Cascade, Zoom Slide, 3D Showcase, 3D Sphere, 3D Tornado and 3D Spiral. Which settings appear in the panel depends on which of the two groups the chosen layout belongs to, and each layout adds a section of options of its own.

Filmstrip Panel

The Filmstrip panel holds every setting the addon adds to a layer. Use it to switch the addon on for that layer, to choose and configure a layout, and to build the list of media the layout displays.

Filmstrip (Toggle)

Switches the Filmstrip addon on for the selected layer. While this is off the rest of the panel is hidden and the layer displays its own content as normal.

Settings and Slides (Tab Select)

Switches the panel between the two halves of the addon, the layout configuration and the media list.

Options:

• _Settings: Shows the layout, motion, interaction and appearance settings.
• _Slides: Shows the list of media items the layout displays.

Settings Tab

The Settings tab configures how the strip is arranged, how it moves, how a visitor can interact with it, and how the individual items are sized and styled.

Layout (Dropdown)

Sets the arrangement the media items are placed in and the way they move. This is the setting the rest of the tab works from, so changing it exchanges most of the sections below for a different set.

Options:

• _{Marquee (Continuous)}: Runs the items in a single unbroken line that loops around without stopping.
• _{Coverflow 3D}: Lays the items out in a row with the focused item facing forward and the items on either side angled away from it.
• _Path: Distributes the items along a drawn path such as a line, wave, arc or circle.
• _Stack: Piles the items on top of one another, with each item behind the front one offset and rotated.
• _Cascade: Arranges the items in a receding line, with each item smaller than the one in front of it.
• _{Zoom Slide}: Shows the focused item at full size and scales the items on either side of it down.
• _{3D Showcase}: Wraps the items around a curved surface which the viewer looks at from the outside or from within.
• _{3D Sphere}: Maps the items onto a continuously rotating sphere, arranged in horizontal rows.
• _{3D Tornado}: Maps the items onto a continuously rotating funnel, arranged in horizontal rows.
• _{3D Spiral}: Maps the items onto a continuously rotating helix which scrolls along its own axis.

Direction (Dropdown)

Sets the axis the marquee runs along and the direction of travel along it. Two marquee layers can be given opposing directions to produce rows that scroll against each other.

Options:

• _{Left To Right}: The strip runs horizontally and travels towards the right.
• _{Right To Left}: The strip runs horizontally and travels towards the left.
• _{Top To Bottom}: The strip runs vertically and travels downward.
• _{Bottom To Top}: The strip runs vertically and travels upward.

Cycle Time (Number, range)

Sets how long the marquee takes to complete one full pass of its media list. Higher values move the strip more slowly.

Options:

• ₀: Minimum. The strip completes a pass instantly, which leaves no visible travel.
• ₁₀₀₀: Maximum. The strip takes its longest possible time to complete a pass and crawls.

Interaction Section for the Marquee Layout

The Interaction section for the marquee layout sets which visitor gestures the continuously scrolling strip responds to. It appears as Interaction in the panel when Layout is set to Marquee (Continuous).

Drag (Toggle)

Allows the visitor to push the marquee along by dragging it with a pointer or a finger. With this off the strip only moves under its own scrolling.

Pause On Hover (Toggle)

Halts the marquee’s scrolling while the pointer rests over the layer, and resumes it when the pointer leaves.

Mouse Wheel (Toggle)

Allows the visitor to drive the marquee with the mouse wheel while the pointer is over the layer.

Wheel Speed (Number, range)

Sets how far the strip travels for a given amount of wheel movement.

Options:

• _0.1: Minimum. The strip barely moves for a full turn of the wheel.
• ₁₀: Maximum. The strip travels ten times the distance of a default turn of the wheel.

Appearance Section for the Marquee Layout

The Appearance section for the marquee layout sets how the ends of the strip are treated and whether the items cast a shadow. It appears as Appearance in the panel when Layout is set to Marquee (Continuous).

Edges (Dropdown)

Sets how the strip is finished where it meets the edges of the layer.

Options:

• _{Hard Cut}: The strip is clipped square at the layer’s edges.
• _{Gradient Fade}: The strip fades out towards the layer’s edges.

Fade Size (Number, range)

Sets how far the fade at each end reaches into the strip, as a percentage of the layer’s length along the direction of travel.

Options:

• _0%: Minimum. No fade is drawn and the result matches a hard cut.
• _50%: Maximum. Each end fades across half the layer, so the fades meet in the middle.

Shadow (Toggle)

Draws a drop shadow beneath each item in the strip, and reveals the settings that control that shadow’s colour, blur and offset.

Color (Color Swatch)

Sets the colour and opacity of the drop shadow drawn beneath each item in the marquee.

Shadow Blur (Number, pixels, range)

Sets the blur radius of the drop shadow. Higher values give a softer and more diffuse shadow.

Options:

• ₀: Minimum. The shadow has a hard edge with no blur at all.
• ₁₂₀: Maximum. The shadow is heavily blurred and spreads well beyond the item.

Shadow Y (Number, pixels, range)

Sets the vertical offset of the drop shadow. Positive values push the shadow downward and negative values push it upward.

Options:

• _-60: Minimum. The shadow sits 60 pixels above the item.
• ₁₂₀: Maximum. The shadow sits 120 pixels below the item.

Interaction Section for the Navigable Layouts

The Interaction section for the navigable layouts sets which visitor gestures move the strip from one item to the next. It appears as Interaction in the panel when Layout is set to any option other than Marquee (Continuous).

Drag (Toggle)

Allows the visitor to move through the items by dragging the strip with a pointer or a finger.

Click To Focus (Toggle)

Brings an item to the focused position when the visitor clicks it, rather than requiring them to drag or scroll to it.

Snap (Toggle)

Settles the strip onto the nearest item when a drag or scroll ends, instead of leaving it resting between two items.

Mouse Wheel (Toggle)

Allows the visitor to move through the items with the mouse wheel while the pointer is over the layer.

Wheel Speed (Number, range)

Sets how far the strip travels for a given amount of wheel movement.

Options:

• _0.1: Minimum. The strip barely moves for a full turn of the wheel.
• ₁₀: Maximum. The strip travels ten times the distance of a default turn of the wheel.

Transition Section

In the Transition section set how the animation from one item to the next is timed.

Navigation Speed (s) (Number, seconds, range)

Sets how long the strip takes to animate from one item to the next.

Options:

• _0.05: Minimum. Movement between items is close to instant.
• ₃: Maximum. Movement between items takes three seconds.

Navigation Easing (Dropdown)

Sets the easing curve applied to the movement between items, which controls how it accelerates and decelerates over its duration.

Options:

• _Back.easeIn
• _Back.easeOut
• _{Back.easeInOut}
• _{Bounce.easeIn}
• _{Bounce.easeOut}
• _{Bounce.easeInOut}
• _Circ.easeIn
• _Circ.easeOut
• _{Circ.easeInOut}
• _Cubic.easeIn
• _{Cubic.easeOut}
• _{Cubic.easeInOut}
• _{Elastic.easeIn}
• _{Elastic.easeOut}
• _{Elastic.easeInOut}
• _Expo.easeIn
• _Expo.easeOut
• _{Expo.easeInOut}
• _Linear
• _{Power0.easeIn}
• _{Power0.easeOut}
• _{Power0.easeInOut}
• _{Power1.easeIn}
• _{Power1.easeOut}
• _{Power1.easeInOut}
• _{Power2.easeIn}
• _{Power2.easeOut}
• _{Power2.easeInOut}
• _{Power3.easeIn}
• _{Power3.easeOut}
• _{Power3.easeInOut}
• _{Power4.easeIn}
• _{Power4.easeOut}
• _{Power4.easeInOut}
• _{QIcons.easeIn}
• _{QIcons.easeOut}
• _{QIcons.easeInOut}
• _Quad.easeIn
• _Quad.easeOut
• _{Quad.easeInOut}
• _Quart.easeIn
• _{Quart.easeOut}
• _{Quart.easeInOut}
• _Quint.easeIn
• _{Quint.easeOut}
• _{Quint.easeInOut}
• _Sine.easeIn
• _Sine.easeOut
• _{Sine.easeInOut}
• _{Strong.easeIn}
• _{Strong.easeOut}
• _{Strong.easeInOut}

Autoplay Section

In the Autoplay section set whether the strip advances through its items on its own. The three continuously rotating layouts, 3D Sphere, 3D Tornado and 3D Spiral, do not offer this section because they turn under their own spin settings instead.

Autoplay (Toggle)

Advances the strip to the next item on a timer without any visitor input, and reveals the settings that control the timing and the hover behaviour.

Interval (s) (Number, seconds, range)

Sets how long each item stays in the focused position before the strip advances to the next one.

Options:

• _0.2: Minimum. The strip advances five times a second.
• ₂₀: Maximum. Each item is held for twenty seconds before the strip advances.

Pause On Hover (Toggle)

Suspends the autoplay timer while the pointer rests over the layer, and resumes it when the pointer leaves.

Items Section

In the Items section set how many items are on screen at once, how large each item’s frame is, and how its media is fitted into that frame.

Visible Items (Number, range)

Sets how many items the layout draws at once. Items beyond this count are not rendered until the strip moves them into range.

Options:

• ₂: Minimum. Only the focused item and one neighbour are drawn.
• ₃₀: Maximum. Up to thirty items are drawn at once.

Item Size (Dropdown)

Sets how the size of each item’s frame is decided.

Options:

• _{Auto (Media Aspect)}: Each frame takes the proportions of the media placed in it.
• _{Aspect Ratio}: Every frame uses one shared width to height ratio, set in Ratio (W:H).
• _{Fixed Size}: Every frame uses one shared pixel width and height, set in Width and Height.

Ratio (W:H) (Fraction)

Sets the shared width to height ratio every item frame is built to, written as two numbers separated by a colon. A value of 4:5 produces frames that are four units wide for every five units tall.

Width (Number, pixels, range)

Sets the shared pixel width of every item frame.

Options:

• ₂₀: Minimum. Every frame is 20 pixels wide.
• ₂₀₀₀: Maximum. Every frame is 2000 pixels wide.

Height (Number, pixels, range)

Sets the shared pixel height of every item frame.

Options:

• ₂₀: Minimum. Every frame is 20 pixels tall.
• ₂₀₀₀: Maximum. Every frame is 2000 pixels tall.

Media Fit (Dropdown)

Sets how an image or video is fitted into an item frame when its proportions do not match the frame’s.

Options:

• _{Cover (Crop)}: The media fills the frame completely and whatever falls outside it is cropped away.
• _{Contain (Fit)}: The whole of the media is kept visible inside the frame, which can leave empty space along two sides.

Appearance Section for the Navigable Layouts

The Appearance section for the navigable layouts sets the strength of the 3D projection and whether the items cast a shadow. It appears as Appearance in the panel when Layout is set to any option other than Marquee (Continuous).

Perspective (px) (Number, pixels, range)

Sets the distance from the viewer to the plane the items are drawn on. Lower values exaggerate the 3D effect and higher values flatten it.

Options:

• ₂₀₀: Minimum. The viewer is very close in and the 3D distortion is extreme.
• ₄₀₀₀: Maximum. The viewer is far back and the arrangement looks nearly flat.

Shadow (Toggle)

Draws a drop shadow beneath each item in the strip, and reveals the settings that control that shadow’s colour, blur and offset.

Color (Color Swatch)

Sets the colour and opacity of the drop shadow drawn beneath each item in the strip.

Shadow Blur (Number, pixels, range)

Sets the blur radius of the drop shadow. Higher values give a softer and more diffuse shadow.

Options:

• ₀: Minimum. The shadow has a hard edge with no blur at all.
• ₁₂₀: Maximum. The shadow is heavily blurred and spreads well beyond the item.

Shadow Y (Number, pixels, range)

Sets the vertical offset of the drop shadow. Positive values push the shadow downward and negative values push it upward.

Options:

• _-60: Minimum. The shadow sits 60 pixels above the item.
• ₁₂₀: Maximum. The shadow sits 120 pixels below the item.

Coverflow Options Section

In the Coverflow Options section shape the row of angled items that the Coverflow 3D layout produces.

Side Angle (Number, degrees, range)

Sets how far the items on either side of the focused item are turned away from the viewer.

Options:

• ₀: Minimum. The side items face the viewer squarely, the same as the focused item.
• ₉₀: Maximum. The side items are turned edge on and read as thin slivers.

Spread (Number, range)

Sets how far apart the items are spaced along the row, as a multiplier of the item width.

Options:

• _0.2: Minimum. The items are packed tightly and overlap heavily.
• ₃: Maximum. The items are spread far apart with wide gaps between them.

Depth (Number, range)

Sets how far the side items are pushed back behind the focused item.

Options:

• ₀: Minimum. All items sit on the same plane with no recession.
• ₃: Maximum. The side items are pushed far back behind the focused item.

Side Opacity (Number, range)

Sets the opacity of the items on either side of the focused item.

Options:

• ₀: Minimum. The side items are fully transparent and only the focused item is seen.
• ₁: Maximum. The side items are fully opaque, matching the focused item.

Path Options Section

In the Path Options section define the line the items travel along in the Path layout, and whether that line is drawn on screen.

Shape (Dropdown)

Sets the geometry of the path the items are distributed along.

Options:

• _Line: The items follow a straight line.
• _Wave: The items follow a repeating sine wave.
• _{Arc Up}: The items follow an arc that bows upward in the middle.
• _{Arc Down}: The items follow an arc that bows downward in the middle.
• _{S Curve}: The items follow a single S shaped bend.
• _Circle: The items are distributed around a closed circle.
• _{Zig Zag}: The items follow a path of alternating straight diagonals.

Angle (Number, degrees, range)

Rotates the whole path around its centre.

Options:

• _-180: Minimum. The path is rotated a half turn anticlockwise.
• ₁₈₀: Maximum. The path is rotated a half turn clockwise.

Min Scale (Number, range)

Sets the size of the items furthest from the focused position, as a fraction of the focused item’s size.

Options:

• _0.1: Minimum. The furthest items shrink to a tenth of the focused item’s size.
• ₁: Maximum. Every item stays the same size no matter where it sits on the path.

Rotate (Toggle)

Turns each item to follow the slope of the path at the point it sits on, rather than keeping every item upright.

Show Line (Toggle)

Draws the path itself as a visible line behind the items.

Line Color (Color Swatch)

Sets the colour and opacity of the drawn path line.

Line Width (Number, pixels, range)

Sets the thickness of the drawn path line.

Options:

• _0.5: Minimum. The line is a half pixel hairline.
• ₂₀: Maximum. The line is a 20 pixel thick band.

Line Style (Dropdown)

Sets the stroke pattern of the drawn path line.

Options:

• _Solid: The line is drawn unbroken.
• _Dashed: The line is drawn as a series of dashes.
• _Dotted: The line is drawn as a series of dots.

Stack Options Section

In the Stack Options section set how the items behind the front one are offset, turned and counted in the Stack layout.

Offset X (Number, pixels, range)

Sets how far each item in the pile is shifted horizontally from the item in front of it.

Options:

• ₀: Minimum. The items line up with no horizontal shift between them.
• ₁₂₀: Maximum. Each item is shifted 120 pixels sideways from the one in front.

Offset Y (Number, pixels, range)

Sets how far each item in the pile is shifted vertically from the item in front of it.

Options:

• ₀: Minimum. The items line up with no vertical shift between them.
• ₁₂₀: Maximum. Each item is shifted 120 pixels up or down from the one in front.

Rotate (Number, degrees, range)

Sets how far each item in the pile is turned relative to the item in front of it, which produces the fanned look of a loose stack of prints.

Options:

• ₀: Minimum. Every item in the pile sits square with no rotation.
• ₄₅: Maximum. Each item is turned a further 45 degrees from the one in front.

Visible Cards (Number, range)

Sets how many items of the pile are drawn behind the front item.

Options:

• ₁: Minimum. Only the front item is drawn.
• ₂₀: Maximum. Twenty items are drawn in the pile.

Cascade Options Section

In the Cascade Options section set how quickly the items shrink as they recede in the Cascade layout.

Falloff (Number, range)

Sets how much smaller each item is than the one before it in the receding line.

Options:

• _0.05: Minimum. Each item is only slightly smaller than the one in front, so the line recedes gently.
• _0.95: Maximum. Each item is far smaller than the one in front, so the line recedes sharply.

Min Size (Number, range)

Sets the floor the shrinking stops at, as a fraction of the front item’s size, so the furthest items never disappear entirely.

Options:

• _0.01: Minimum. The furthest items shrink to a hundredth of the front item’s size.
• _0.5: Maximum. No item is drawn smaller than half the front item’s size.

Zoom Slide Options Section

In the Zoom Slide Options section set how strongly the items to either side of the focused one are played down.

Side Scale (Number, range)

Sets the size of the items either side of the focused item, as a fraction of the focused item’s size.

Options:

• _0.1: Minimum. The side items shrink to a tenth of the focused item’s size.
• ₁: Maximum. The side items match the focused item’s size.

Side Opacity (Number, range)

Sets the opacity of the items either side of the focused item.

Options:

• ₀: Minimum. The side items are fully transparent and only the focused item is seen.
• ₁: Maximum. The side items are fully opaque, matching the focused item.

Focus Range (Number, range)

Sets how much of the travel between two items is spent at full focus before the handover to the next item begins.

Options:

• _0.05: Minimum. The focused state is held only briefly and the strip spends most of its travel in transition.
• _0.95: Maximum. The focused state is held for almost the whole travel and the handover is abrupt.

3D Showcase Options Section

In the 3D Showcase Options section set which way the curved surface runs, which side of it the viewer is on, and how tightly it is curved.

Orientation (Tab Select)

Sets the axis the curved surface wraps around.

Options:

• _Horizontal: The surface curves left to right, so the items travel sideways.
• _Vertical: The surface curves top to bottom, so the items travel up and down.

Curvature (Tab Select)

Sets which side of the curved surface the viewer is on.

Options:

• _{Outside (Convex)}: The viewer looks at the outside of the curve, so the items bulge towards them.
• _{Inside (Concave)}: The viewer sits inside the curve, so the items wrap around them like the inside of a drum.

Radius (Number, range)

Sets the radius of the curved surface as a multiplier, which controls how tightly the items are wrapped.

Options:

• _0.3: Minimum. The curve is very tight and the items wrap sharply.
• ₃: Maximum. The curve is very wide and the arrangement reads as almost flat.

3D Sphere Options Section

In the 3D Sphere Options section set how the items are packed onto the rotating sphere, how fast it turns, and how the far side of it is shaded.

Rows (Number, range)

Sets how many horizontal bands of items are wrapped around the sphere.

Options:

• ₁: Minimum. A single band of items circles the sphere.
• ₁₂: Maximum. Twelve bands of items are stacked from top to bottom.

Card Count (0=Auto) (Number, range)

Sets how many item frames are placed on the sphere in total. A value of 0 lets the addon work the count out from the rows and the spacing.

Options:

• ₀: Minimum. The count is decided automatically.
• ₂₀₀: Maximum. Two hundred item frames are placed on the sphere.

Latitude Spread (Number, degrees, range)

Sets how much of the sphere from pole to pole the rows are spread across.

Options:

• ₂₀: Minimum. The rows are gathered into a narrow band around the equator.
• ₁₈₀: Maximum. The rows reach from one pole to the other.

Radius (Number, range)

Sets the radius of the sphere as a multiplier, which controls how far the items sit from its centre.

Options:

• _0.3: Minimum. The sphere is small and the items crowd together.
• ₃: Maximum. The sphere is large and the items sit far apart.

Spin (s/Turn) (Number, seconds, range)

Sets how long the sphere takes to complete one full rotation. Higher values turn it more slowly.

Options:

• ₂: Minimum. The sphere completes a rotation every two seconds.
• ₁₂₀: Maximum. The sphere takes two minutes to complete a rotation.

Brick Stagger (Toggle)

Offsets every other row by half an item so the rows interlock like courses of brickwork instead of lining up in columns.

Spin Direction (Tab Select)

Sets which way the sphere turns.

Options:

• _{Spin Left}: The sphere turns so its front face travels towards the left.
• _{Spin Right}: The sphere turns so its front face travels towards the right.

Side Darkness (Number, range)

Sets how much the items are darkened as they turn away from the front of the sphere, which is what gives it a lit and rounded look.

Options:

• ₀: Minimum. No darkening is applied and the sphere reads as flatly lit.
• ₁: Maximum. Items at the back go fully dark.

Darkness Falloff (Number, range)

Sets how sharply the darkening builds up as an item turns away from the front.

Options:

• _0.2: Minimum. The darkening builds gradually across the whole turn.
• ₄: Maximum. The darkening holds off and then builds very quickly near the back.

Far Blur (Number, pixels, range)

Sets how much the items furthest from the viewer are blurred, which reads as depth of field.

Options:

• ₀: Minimum. Every item stays sharp regardless of its distance.
• ₃₀: Maximum. The furthest items are blurred by 30 pixels.

3D Tornado Options Section

In the 3D Tornado Options section set the shape of the rotating funnel, how the items are scattered across it, and how depth is suggested with light and blur.

Rows (Number, range)

Sets how many horizontal bands of items are wrapped around the funnel.

Options:

• ₁: Minimum. A single band of items circles the funnel.
• ₁₀: Maximum. Ten bands of items are stacked from top to bottom.

Card Count (0=Auto) (Number, range)

Sets how many item frames are placed on the funnel in total. A value of 0 lets the addon work the count out from the rows and the spacing.

Options:

• ₀: Minimum. The count is decided automatically.
• ₂₀₀: Maximum. Two hundred item frames are placed on the funnel.

Card Spacing (Number, range)

Sets the gap between neighbouring items as a multiplier of the item size.

Options:

• ₁: Minimum. The items sit edge to edge with no gap between them.
• ₄: Maximum. The items are spaced four times their own size apart.

Scatter (Number, range)

Sets how far the items are allowed to wander from their exact positions on the funnel, which breaks up the regularity of the grid.

Options:

• ₀: Minimum. Every item sits exactly on its grid position.
• _1.5: Maximum. The items are heavily displaced and the arrangement reads as loose debris.

Radius (Number, range)

Sets the radius of the funnel as a multiplier, which controls how far the items sit from its axis.

Options:

• _0.4: Minimum. The funnel is narrow and the items crowd around its axis.
• ₃: Maximum. The funnel is wide and the items sweep far out from its axis.

Side Tilt (Number, range)

Sets how far the funnel tapers from one end to the other, which is what turns a straight cylinder into a cone.

Options:

• ₀: Minimum. The funnel has the same width at both ends and reads as a cylinder.
• ₁: Maximum. The funnel tapers strongly and reads as a cone.

Vertical Fill (Number, range)

Sets how much of the layer’s height the funnel occupies.

Options:

• _0.2: Minimum. The funnel fills a fifth of the layer’s height.
• _1.5: Maximum. The funnel is taller than the layer and runs off both ends of it.

Spin (s/Turn) (Number, seconds, range)

Sets how long the funnel takes to complete one full rotation. Higher values turn it more slowly.

Options:

• ₂: Minimum. The funnel completes a rotation every two seconds.
• ₁₂₀: Maximum. The funnel takes two minutes to complete a rotation.

Spotlight (Number, range)

Sets how strongly the items nearest the front are lit relative to the rest, which draws the eye to the face of the funnel.

Options:

• ₀: Minimum. No spotlight is applied and every item is lit equally.
• ₁: Maximum. The front items are lit at full strength against much darker surroundings.

Depth Fog (Number, range)

Sets how much the items fade into the background as they recede from the viewer.

Options:

• ₀: Minimum. No fog is applied and the far items stay at full strength.
• ₁: Maximum. The far items fade out completely.

Far Blur (Number, pixels, range)

Sets how much the items furthest from the viewer are blurred, which reads as depth of field.

Options:

• ₀: Minimum. Every item stays sharp regardless of its distance.
• ₃₀: Maximum. The furthest items are blurred by 30 pixels.

Spin Direction (Tab Select)

Sets which way the funnel turns.

Options:

• _{Spin Left}: The funnel turns so its front face travels towards the left.
• _{Spin Right}: The funnel turns so its front face travels towards the right.

Brick Stagger (Toggle)

Offsets every other row by half an item so the rows interlock like courses of brickwork instead of lining up in columns.

3D Spiral Options Section

In the 3D Spiral Options section set the pitch and width of the rotating helix, how it travels along its axis, and how depth is suggested with light and blur.

Twist / Card (Number, degrees, range)

Sets how far around the helix each successive item is placed, which decides how many items make up a single turn.

Options:

• ₅: Minimum. Each item advances only 5 degrees, so a turn takes many items.
• ₁₆₀: Maximum. Each item advances 160 degrees, so a little over two items make a turn.

Card Spacing (Number, range)

Sets how far each successive item advances along the axis of the helix, which decides how stretched or compressed the coil is.

Options:

• _0.1: Minimum. The coils are packed tightly together.
• ₅: Maximum. The coils are drawn far apart along the axis.

Radius (Number, range)

Sets the radius of the helix as a multiplier, which controls how far the items sit from its axis.

Options:

• _0.2: Minimum. The helix is narrow and the items crowd around its axis.
• ₅: Maximum. The helix is wide and the items sweep far out from its axis.

Card Count (0=Auto) (Number, range)

Sets how many item frames are placed on the helix in total. A value of 0 lets the addon work the count out from the twist and the spacing.

Options:

• ₀: Minimum. The count is decided automatically.
• ₂₀₀: Maximum. Two hundred item frames are placed on the helix.

Full Spin (Backs) (Toggle)

Lets the items turn all the way round so their reverse sides come into view, and reveals the setting that colours those reverse sides.

Back Color (Color Swatch)

Sets the colour and opacity of the reverse side of each item, which is what the viewer sees when an item has turned away from them.

Spotlight (Number, range)

Sets how strongly the items nearest the front are lit relative to the rest, which draws the eye to the face of the helix.

Options:

• ₀: Minimum. No spotlight is applied and every item is lit equally.
• ₁: Maximum. The front items are lit at full strength against much darker surroundings.

Facing Fog (Number, range)

Sets how much the items fade out as they turn away from the viewer.

Options:

• ₀: Minimum. No fog is applied and items stay at full strength whichever way they face.
• ₁: Maximum. Items fade out completely as they turn away.

Spin (s/Cycle) (Number, seconds, range)

Sets how long the helix takes to complete one full cycle of its travel. Higher values move it more slowly.

Options:

• ₂: Minimum. The helix completes a cycle every two seconds.
• ₁₂₀: Maximum. The helix takes two minutes to complete a cycle.

Far Blur (Number, pixels, range)

Sets how much the items furthest from the viewer are blurred, which reads as depth of field.

Options:

• ₀: Minimum. Every item stays sharp regardless of its distance.
• ₃₀: Maximum. The furthest items are blurred by 30 pixels.

Scroll Direction (Tab Select)

Sets which way the helix travels along its own axis.

Options:

• _{Scroll Up}: The coils travel upward through the layer.
• _{Scroll Down}: The coils travel downward through the layer.

General Section

The General section holds the settings that apply whichever layout is chosen, covering the corner treatment and spacing of the item frames and whether the strip runs on small screens.

Radius (Number, pixels, range)

Sets the corner radius applied to every item frame in the strip.

Options:

• ₀: Minimum. The item frames have square corners.
• ₃₀₀: Maximum. The item frames are rounded by 300 pixels, which reads as a pill or a circle on smaller frames.

Gap (Number, pixels, range)

Sets the space left between neighbouring item frames.

Options:

• _0px: Minimum. The item frames sit flush against one another with no gap.
• _200px: Maximum. A 200 pixel gap is left between neighbouring item frames.

Placeholder (Color Swatch)

Sets a colour, defaulting to white, which is applied to the item frames themselves rather than to their media.

Mobile Disabled (Toggle)

Stops the filmstrip from running on mobile devices, which avoids the cost of animating many media items on hardware least able to carry it.

Slides Tab

The Slides tab holds the list of media the layout displays. Each entry in the list is one item in the strip, entries can be reordered by dragging them, and an entry can hold either an image or an HTML5 video.

Media Item Section

Each Media Item section is one entry in the media list and therefore one item in the strip. The section repeats once per entry.

Media Type (Tab Select)

Sets whether this entry holds a still image or an HTML5 video.

Options:

• _Image: The entry holds a still image, chosen with the image selector below it.
• _HTML5: The entry holds a self hosted video file, chosen with the source field below it.

Preview (Image/Video Preview & Buttons)

Shows the image or video assigned to this entry and the controls for changing it. Hovering the preview reveals a WordPress button which opens the media library, a Slider Revolution button which opens the Elements library, and a cross which removes the entry from the list.

Video File (Text)

Holds the source of the video file assigned to this entry, with the file’s format shown alongside it. A WordPress button opens the media library and a Slider Revolution button opens the Elements library.

Add Multiple (Button)

Opens the WordPress media library with multiple selection enabled, so that several images can be chosen at once and appended to the media list as new entries.

Add Media (Button)

Appends one empty entry to the end of the media list, ready for an image or a video to be assigned to it.