Autosliderr

Autosliderr

<p align="center"> <img src="https://github.com/CodeDroid999/autosliderr/blob/master/assets/images/slider1.png" style="min-width:100%"> </p>

Carousel

A slideshow component for cycling through elements—images or slides of text—like a carousel.

How it works

The carousel is a slideshow for cycling through a series of content, built HTML5,CSS transforms and a bit of JavaScript. It works with a series of images, text, or custom markup. It also includes support for previous/next controls and indicators.

In browsers where the Page Visibility API is supported, the carousel will avoid sliding when the webpage is not visible to the user (such as when the browser tab is inactive, the browser window is minimized, etc.).

Get the code

https://github.com/CodeDroid999/autosliderr.git

Getting started

<ol> <li><a href="https://github.com/CodeDroid999/Autosliderr.git">Download code</a> or clone the repository</> <li>Exctract zip file</li> <li>Open the folder with an IDE</li> <li>Open folder with open live server</li> <li>Edit styles/JS to your liking</li> </ol>

Using this project as a section in your project

<ol> <li>Copy/cut the whole slideshow-container div</li> <li>Paste it into the section element in your project</li> <li>Add the CSS and JS into respective files in your project</li> </ol>