https://github.com/dimimikadze/vanilla-slideshow
Vanilla Javascript CSS3 Responsive Fullscreen Slideshow
https://github.com/dimimikadze/vanilla-slideshow
javascript
Last synced: 7 months ago
JSON representation
Vanilla Javascript CSS3 Responsive Fullscreen Slideshow
- Host: GitHub
- URL: https://github.com/dimimikadze/vanilla-slideshow
- Owner: DimiMikadze
- License: mit
- Created: 2015-07-18T12:15:01.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2017-06-23T14:56:34.000Z (about 9 years ago)
- Last Synced: 2025-03-23T12:41:29.469Z (over 1 year ago)
- Topics: javascript
- Language: JavaScript
- Homepage:
- Size: 8.34 MB
- Stars: 40
- Watchers: 2
- Forks: 6
- Open Issues: 3
-
Metadata Files:
- Readme: readme.md
- License: license.txt
Awesome Lists containing this project
README
# Vanilla Javascript CSS3 Fullscreen Responsive Slideshow
Easy to use Pure javascript and CSS3 Responsive Fullscreen Slideshow
## Features
- Lightweight, No libraries required
- CSS3 Transitions
- Responsive
- Fullscreen
- Easy to use
## Getting Started
Use the viewport meta tag to control layout on mobile browsers
````
````
Required HTML
````
content here ...
content here ...
content here ...
content here ...
````
You can also use data-src and full path of image to display css background images
````
````
1. include css/vanillaSlideshow.css
2. include js/vanillaSlideshow.min.js Or js/vanillaSlideshow.js
after including javascript file initilize slideshow
````
vanillaSlideshow.init();
````
## Options
To customize functionality pass object to init function
````
vanillaSlideshow.init({
// auto slideshow, options: true or false
slideshow: true,
// slideshow delay
delay: 5000,
// display arrows, options: true or false
arrows: true,
// display indicators, options: true or false
indicators: true,
// start slideshow randomly, options: true or false
random: false,
// animation speed
animationSpeed: '1s'
});
````
## Bower
````
bower install vanilla-slideshow
````
## Contributing
1. Fork it
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request
## License
See license.txt