simple-image-slider-interval-configurables
v1.0.12
Published
simple image slider - interval and automatic sliding is configurables
Downloads
38
Readme
- install using npm install simple-image-slider-interval-configurables //*install using command prompt inside your project, do not using gitbash.. i dont know how it wont works if install using gitbash
- set your jquery file inside html title or place it outside above your html body closing tag. dont forget to place the valid jquery
- set your main.js/index.js where your javascript codes run
- since this is a slider that is switch the active's class value, place your .active class value on first img elements
- you can customize the settings of the sliders
- set the class of .right-button for next button click and .left-button for previous button click
- you can also use bullet ticks if you want by adding the css codes below into your sass/css code //example:
/* css .bullets { width: 200px; margin: 0 auto; text-align: center; position: relative; bottom: 30px; z-index: 300;
.bullet {
background-color: red;
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
background: #333;
margin: 0 5px;
cursor: pointer;
}
.active{
background: #ccc;
}
} */