Sometimes a grid is too much for the space: a strip on the home page, a row of testimonials, the latest videos or posts under an article. The slider was rebuilt for exactly that, and any Fusion Grid gallery can now be a slider too.
A slider for every source
Besides the slider gallery itself, the slider is now a layout of the Fusion Grid. It works for every Fusion Grid source: photos from the media library, YouTube videos and posts. A gallery made as a grid becomes a slider by changing one setting.
With posts as the source you get a post slider: your latest articles, projects or products sliding in one row, each card linking to its page.
Seven effects and two directions
Slides change with one of seven effects: slide, fade, cube, coverflow, flip, cards and creative. The slider runs horizontally or vertically, which suits narrow columns and sidebars.
What else you can set
- Slides per view and the space between them: one large picture or a carousel of cards.
- Autoplay and its delay, and loop.
- Pagination as bullets, a fraction ("3 / 12") or a progress bar, plus an optional scrollbar.
- Navigation buttons and their color.
- Captions on the slides: the title, caption or description, on a light or dark panel.
- Size: width in percent or pixels, height automatic or in pixels, percent or screen height (100vh for a full-screen slider).
- Loading: preload all images or load them lazily as the visitor slides.
- Fit of the images in a card: crop to fill, keep their own height, or contain the whole picture; and shadows.
A lightbox in the slider, with video
A click on a slide opens it in the gallery's lightbox, the same one a grid has. Visitors see the picture in full size with its formatted title and description, and step through the rest with the arrows or the keyboard.
Videos play right there: YouTube videos in a YouTube slider, and your own MP4 or audio files linked to an image. A video slider stays a clean row of covers on the page, and the video starts only when someone wants it.
Albums in a slider
A slider can hold albums too. When a visitor opens an album card, its gallery opens in a popup window, so the row on the page stays as it is.
Good places for a slider
- A hero strip of your best photos with autoplay.
- "Latest videos" from a YouTube channel under a post.
- "Read next": a row of posts at the end of an article.
- A narrow sidebar or a footer, where a grid does not fit.
Keep autoplay slow, or off, when the cards carry text: people need time to read.