A simple image slider that moves the first image in the container to the end every 5 seconds.
  • PHP 58.2%
  • JavaScript 24.7%
  • CSS 17.1%
Find a file
2020-01-28 15:04:36 +01:00
css Updated documentation, Bugfix 2020-01-16 14:48:05 +01:00
doc Added example gif. 2019-08-08 20:55:02 +02:00
js If there is only one picture given, the timer will not be enabled to swap the pictures. 2020-01-28 15:04:36 +01:00
module.php Added Websocket response function. 2020-01-16 17:04:23 +01:00
README.md Updated documentation, Bugfix 2020-01-16 14:48:05 +01:00

Lewp module "eleanor"

Description

A simple image slider that moves the first image in the container to the end every 7 seconds.

Installation

In the terminal, go either to the global module or site module level of your hierarchy. Then invoke the following command.

git clone git@gitlab.com:lewp/modules-contentsliders-eleanor.git modules/contentsliders/eleanor

Configuration

In your page file, add the following command to add the module to your page.

$this->addModule(
    "contentsliders_eleanor",
    [
    	"image_ids" => [
    		"first-image.jpg",
    		"second-image.jpg",
    		"third-image.jpg
    	],
    	"show_position_indicator" => true,
        "prefix_images_by_page_id" => true
    ]
);

Available parameters

Key Default value Example value Description
image_ids [first-image.jpg, second-image.jpg] An array consisting of the image ids that will be shown in the slider.
show_position_indicator true false Boolean that defines the visibility of the small position indicator.
prefix_images_by_page_id false false If true, the given image ids are prefixed by the page id.

Example

Example setup for eleanor