Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ujw0l/carousel.js
Javascript library to create image carousel
https://github.com/ujw0l/carousel.js
carousel image-carousel javascript-library vanilla-js
Last synced: 22 days ago
JSON representation
Javascript library to create image carousel
- Host: GitHub
- URL: https://github.com/ujw0l/carousel.js
- Owner: ujw0l
- License: mit
- Created: 2019-06-03T05:56:37.000Z (over 5 years ago)
- Default Branch: nav-inside-carouseldiv
- Last Pushed: 2023-07-17T08:30:54.000Z (over 1 year ago)
- Last Synced: 2024-10-04T21:57:32.964Z (about 1 month ago)
- Topics: carousel, image-carousel, javascript-library, vanilla-js
- Language: JavaScript
- Homepage: https://ujw0l.github.io/carousel/
- Size: 30.3 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
Awesome Lists containing this project
README
Welcome to ctc-carousel-js 👋
> Javascript library to create image carousel.
## Usage
```sh
Library lets you create image carousel for one or multiple image gallery
```
## Install
```sh
npm i ctc-carousel-js
```
## Script Tag
```sh
Dowload and include following file:
carousel.js
```
## Options
```sh
new ctcCarousel('selector1,selector2',{autoPlay: true, autoPlayInterval: number, autoPlaySelector: 'selector'},{callBack:function} );
First Parameter : one or multiple selector to apply carousel.
Second Parameter :
autoPlay : boolean, (Optional, set true to activate slide autoplay)
autoPlayInterval : number, (Optional,number for slide autoplay interval in micro seconds default 1000) )
autoPlaySelector : 'selectors', (one or more element to set on autoplay (default all carousels will autoplay)
Third Parameter
callBack : function, (Function to be called when after setting up carousel)
Note 1 : Initialize carousel inside script tag on window onload or footer. (Selector should be wrapper element containing images)
Note 2 : Do not forget to set height and width of wrapper element.
```
## Contributing
Contributions, issues and feature requests are welcome. Feel free to check [issues page](https://github.com/ujw0l/carousel.js/issues) if you want to contribute.
## Author
👤 **ujw0l**
* Twitter 👉 [@bastakotiujwol](https://twitter.com/bastakotiujwol)
* Github 👉 [@ujw0l](https://github.com/ujw0l)
## Show your support
Please ⭐️ this repository if you like it.
## License
Copyright © 2019 [ujw0l](https://github.com/ujw0l).
📜 This project is [MIT](https://github.com/ujw0l/carousel.js/blob/master/LICENSE) licensed.
***
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_