https://github.com/penge/slide
Create sliding content easily
https://github.com/penge/slide
Last synced: about 1 year ago
JSON representation
Create sliding content easily
- Host: GitHub
- URL: https://github.com/penge/slide
- Owner: penge
- Created: 2014-08-07T15:26:24.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2014-09-25T10:10:04.000Z (over 11 years ago)
- Last Synced: 2025-01-30T11:10:05.002Z (over 1 year ago)
- Language: JavaScript
- Homepage: slide.pavelbucka.com
- Size: 473 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# slide
A small library that is used to create custom sliding content by providing us with necessary **HTML** and **CSS** that would take long time to write manually.
### Sliding content
Sliding content can be anything — news, images, icons, etc.
You can think of sliding content as several boxes, where:
- minimum number of boxes is 2,
- each box has its width and height,
- boxes are placed horizontally, one next to each other,
- total width of boxes is usually larger that the page width or parent container width,
- boxes are sliding from left to right in some defined speed.
### Usage
You can use **Slide** by opening `index.html` that utilizes the library with nice live preview, or manually.
To use **Slide** manually, you will need the `./scripts/slide.js` file, and this [documentation](SLIDE.md).