Skip to content

terlanusubov/simpleslider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

Simple slider by alzaymr.dev

Probably,you fad up to use owl carousel every time that you dont need.You need very simple slider.You need something easy.So this plugin is absolutely for you

Usage

You can use class name that whatever you want.Do not use my reserved class names (reserved class names at the end)

<div class="slider">
  <div class="content">
    <div class="slider1">Your Content</div>
    <div class="slider2">Your Content</div>    
    <div class="slider3">Your Content</div>    
    <div class="slider4">Your Content</div>    
  </div>
</div>

You have to link my css and js

<link rel="stylesheet"  src="alzheimer_slider.css">
<script src="js/alzheimer_slider.js"></script>

and last call my function

<script>
  Slider(".slider");
 </script>

You can make Loop You can change next and prev icon You can create circles You can give loop speed

 Slider(".slider",{
 next:"fas fa-chevron-right",
 prev:"fas fa-chevron-left",
 loop:true,
 speed:2000
 })

MY RESERVED CLASS NAMES

  • slider-main-wrapper
  • slide-item
  • slider-buttons
  • slider-button-wrapper
  • right-icon
  • left-icon
  • content

About

CREATE YOUR OWN SLIDER

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published