Skip to main content

Slideshow Widget

Create responsive image or video Slideshows with fancy transition effects and display content in an overlay. Use different navigations to browse through Slideshow items.

  • Ken Burns Effect

    Ken Burns Effect

    Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more

  • Slide Navigation

    Slide Navigation

    Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more

  • Dot Navigation

    Dot Navigation

    Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more


Overlay

Display the title and content inside an overlay and determine the alignment. You can add a background and different animations to the overlay.

  • Overlay Center Left

    Overlay Center Left

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more

  • Fade Animation

    Fade Animation

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more

  • Panel Background

    Panel Background

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Read more

  • Overlay Bottom

    Overlay Bottom

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Slide Animation

    Slide Animation

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Panel Background

    Panel Background

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Fancy Animations

Besides fading there are 4 additional animations when switching between items.

  • Item 1
  • Item 2
  • Item 3

Pull

  • Item 1
  • Item 2
  • Item 3

Push

  • Item 1
  • Item 2
  • Item 3

Scale

  • Item 1
  • Item 2
  • Item 3

Slide


Thumbnail Navigation

Use thumbnails of each item to navigate through the Slideshow. You can set thumbnail width and height and align the navigation below or on top of the Slideshow.

  • Thumbnail Navigation

    Thumbnail Navigation

    Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Thumbnail Navigation

    Thumbnail Navigation

    Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Thumbnail Navigation

    Thumbnail Navigation

    Lorem ipsum dolor sit amet, consectetur adipiscing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Thumbnail Navigation
  • Thumbnail Navigation
  • Thumbnail Navigation

Videos and Iframes

You can use videos and iframes with YouTube and Vimeo films inside a Widgetkit Slideshow. The video will be muted, and you can hide controls and other elements.

  • Youtube 1
  • Youtube 2
  • Youtube 3

Additional Fields

Some of the elements that you can display inside a Slideshow widget first need to be defined by creating an additional field inside the Content Manager.

Field Description
Badge Set off text content visually from the rest of the item.