Jelly Slideshow Banner Graphic

Jelly: A Simple Responsive Slideshow

Jelly is a simple, responsive, Wordpress slideshow. It is minimalistic in style, lightweight, and easy to use. Jelly fills the horizontal space available and sets the height based on the first image displayed.

Features

Jelly comes equipped with several practical features that make it easy-to-use, flexible, and the right choice for your Wordpress website.

Image slides

Responsive

Minimalistic and light weight

Easy installation

Intuitive user interface

You can place the slideshow in a post or directly in your WordPress template.

Adjustable slide pause and transition speed

No limit to how many images your Jelly slideshow can hold.

Installation

Method 1 (recommended):

  1. Click Plugins -> Add New. The Search page will automatically appear.
  2. Search for “Jelly”.
  3. Click “Install Now” beneath the plugin title.
  4. In the popup, select “OK” to the question “Are you sure?”.
  5. After the plugin installs correctly, click “Activate Plugin”.

Method 2:

  1. Download the ZIP file manually from WordPress.org or directly from our site, Lumne.net.
  2. Click Plugins -> Add New. The search page will automatically appear.
  3. Click “Upload”.
  4. Click “Browse” or “Choose File” and navigate to where you’ve saved the ZIP file.
  5. Click on the ZIP file and click OK.
  6. Click “Install Now”.
  7. After the plugin installs correctly, click “Activate Plugin”.

Method 3:

  1. Download the ZIP file manually from WordPress.org or directly from our site, Lumne.net.
  2. Unzip the files to a location on your local hard drive.
  3. Login to your site through an FTP client, such as FileZilla.
  4. Navigate to /wp-content/plugins/.
  5. Upload the jelly folder from the local location to the plugins folder.
  6. Navigate to Plugins -> Installed Plugins.
  7. Find the Jelly plugin in the list of installed plugins.
  8. Click “Activate” below the title.

How to Use

Setting up Jelly:

  1. Click Settings -> Jelly Settings.
  2. Choose the length of time to display each slide and the speed of the transition between slides in milliseconds (1000 = 1 second).
  3. Click “New Image”.
  4. Use the WordPress Media Library to choose and/or upload a new image.
  5. Select the desired image and click “Choose Image”.
  6. If you would like the image to be clickable, insert a link in the box beside the thumbnail.
  7. To remove an image, click the black ‘X’ next to the link box.

Displaying Jelly on a page/post:

To display ony the first image, insert the shortcode [jelly]. To display multiple images with a sliding transition, include the “active” keyword: [jelly active].

Inserting Jelly in a template:

Use the function do_shortcode with the argument ‘[jelly]’ for a static image, or ‘[jelly active]’ for multiple images with a sliding transition.
I.e. php do_shortcode(‘[jelly active]’); ?>

Contact Us