Touch-Enabled Image Gallery and Video Carousel | Reggie-Slider

A Vanilla JavaScript slider that serves multiple purposes. This JS slider library allows you to create a configurable, mobile-compatible library for displaying images, videos, or any content on the web.

carousel video slider carousel plugin, jquery video gallery with thumbnails, video carousel examples, video carousel slider

More Features:

  • Responsive and multi-platform.
  • Automatically adjusts the height to suit the content.
  • Autoplay mode. Automatically pauses carousel display when away from view.
  • Allows moving between the carousel elements by swiping or dragging with the mouse.
  • Allows displaying multiple items for each show.
  • Easy to implement without any JS call.
  • Easy to configure via HTML data attributes.

How to make use of it:

1. Load the Reggie Slider’s files within the document.

<template class="reggie-slider-template">
  <div class="photo-container">
    // Add Image Here
  </div>
  <div class="photo-container">
    // Add Image Here
  </div>
  <div class="photo-container">
    Any Content Here
  </div>
  ...
</template>

2. Assign a unique ID to the carousel if there are multiple instances on the web page.

<template data-id="reggie-1" class="reggie-slider-template">
  ...
</template>

3. Enable the autoplay mode.

<template data-id="reggie-1" data-auto-slide="true" class="reggie-slider-template">
  ...
</template>

4. Determine whether to indicate next/prev buttons.

<template data-id="reggie-1" data-arrows="true" class="reggie-slider-template">
  ...
</template>

5. Enable touch-swipe mouse drag events.

<template data-id="reggie-1" data-swipe="true" class="reggie-slider-template">
  ...
</template>

6. Specify how many slides to indicate per view.

<template data-id="reggie-1" data-columns="3" class="reggie-slider-template">
  ...
</template>

7. Determine whether to auto-regulate the carousel’s height depending on the content.

<template data-id="reggie-1" data-auto-height="true" class="reggie-slider-template">
  ...
</template>

Easy Touch-friendly Image & Video Carousel, Reggie Slider Plugin/Github


See Demo And Download

Official Website(abohall): Click Here

This superior jQuery/javascript plugin is developed by abohall. For extra Advanced usage, please go to the official website.

Share