https://github.com/kenangundogan/javascript-slider

javascript slider - tiny and simple.
https://github.com/kenangundogan/javascript-slider

javascript javascript-slider slider

Last synced: 7 months ago
JSON representation

javascript slider - tiny and simple.

• Host: GitHub
• URL: https://github.com/kenangundogan/javascript-slider
• Owner: kenangundogan
• License: mit
• Created: 2021-04-11T08:28:39.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-04-16T18:48:46.000Z (over 4 years ago)
• Last Synced: 2025-03-12T22:44:13.809Z (10 months ago)
• Topics: javascript, javascript-slider, slider
• Language: SCSS
• Homepage:
• Size: 1.63 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
# Javascript Slider

javascript slider - tiny and simple.

## Status

[![JS gzip size](https://img.badgesize.io/kenangundogan/javascript-slider/main/dist/script/script.js?compression=gzip&label=JS%20gzip%20size)](https://github.com/kenangundogan/javascript-slider/blob/main/dist/script/script.js)

[![JS Brotli size](https://img.badgesize.io/kenangundogan/javascript-slider/main/dist/script/script.js?compression=brotli&label=JS%20Brotli%20size)](https://github.com/kenangundogan/javascript-slider/blob/main/dist/script/script.js)

[![CSS gzip size](https://img.badgesize.io/kenangundogan/javascript-slider/main/dist/style/style.css?compression=gzip&label=CSS%20gzip%20size)](https://github.com/kenangundogan/javascript-slider/blob/main/dist/style/style.css)

[![CSS Brotli size](https://img.badgesize.io/kenangundogan/javascript-slider/main/dist/style/style.css?compression=brotli&label=CSS%20Brotli%20size)](https://github.com/kenangundogan/javascript-slider/blob/main/dist/style/style.css)

![Javascript Slider](https://raw.githubusercontent.com/kenangundogan/javascript-slider/main/asset/javascript-slider-cover.jpg)

## Options

Option | Type | Default | Description | Example

------ | ---- | ------- | ----------- | -----------

element | string or object | selector | id or class DOM element | [Example](https://kenangundogan.github.io/javascript-slider)

direction | string | horizontal | vertical or horizontal | [Example](https://kenangundogan.github.io/javascript-slider)

activeItem | int | 1 | active item to be open at startup | [Example](https://kenangundogan.github.io/javascript-slider)

pagination | boolean | false | pagination active or passive | [Example](https://kenangundogan.github.io/javascript-slider)

## Usage example

### Script

```javascript

var slider = new Slider({

    element: "#example",

    direction: "vertical",

    activeItem: 1,

    pagination: true

});

```

### View

```html



    


        


            ...

        

    

    ...

    


    


    




```


## Copyright and license

Designed and built by [Kenan Gündoğan](https://www.linkedin.com/in/kenangundogan/)




2021 Currently - Code released under the [MIT License](https://github.com/kenangundogan/javascript-slider/blob/master/LICENSE)

Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/)