Image Slider / Media Gallery

Demo to preview the plugin:

Introduction

The Image Slider / Media Gallery Plugin allows you to showcase images and videos in a user-friendly, responsive gallery. It supports various file formats and includes essential controls for smooth navigation. All of the photos & videos are responsive and will play correctly on mobile devices.
Key Features:

Prerequisite

  • Bubble Account: An active Bubble.io account is required to install and use the plugin.
  • Plugin Installation: The plugin can be installed directly from the Zeroqode Plugin Store or from the Plugins section of your Bubble Editor.
  • Familiarity with Bubble Workflows: Basic knowledge of Bubble workflows is required to dynamically control progress values and actions.
Image without caption

How to setup

Step 1: Installation

Step 2: Place the Element

Step 3: Setup Plugin Element

Plugin Element Properties

Photo & Video Gallery

Image without caption
Fields:
Title
Description
Type
🍿 Content
Media
List of media items that you want to display in the gallery.
File
🎛️ Settings
Loop
Whether or not you want the slides to loop.
Checkbox (yes/no)
Preload Content
Enable or disable preloading of the media.
Checkbox (yes/no)
Keyboard Navigation
Enable or disable the keyboard navigation using arrow keys and escape.
Checkbox (yes/no)

Element Actions

  1. Show Gallery - Shows the gallery.
    1. Title
      Description
      Type
      Index
      Where to start displaying the pictures in the gallery.
      Number
  1. Hide Gallery - Hides the gallery.
  1. Set Media - Sets a new set of media.
    1. Title
      Description
      Type
      Media
      List of media items that you want to display in the gallery.
      File

Exposed states

Title
Description
Type
Open
The Open action is used to display the Photo & Video Gallery with the specified media files. When triggered, the gallery will appear on the screen, allowing users to view and interact with the photos and videos.
Checkbox (yes/no)

Element Events

Title
Description
Gallery is Ready
Runs when the gallery has loaded. Runs only once.
Image without caption
Changelogs