ColorJS
A simple JS librairy to create slideshows in HTML/CSS
ColorJS is a JS library that you can use to create animated slideshows writing HTML and CSS only. It speeds up the creation process.
Please note that this project is still in development and that I am not a professionnal developer, so there are still a lot of issues that I'm trying to resolve.
Anyway, the library is already avaliable to use and works good ! I used it for all of my final exams presentations.
How it works
ColorJS works by analysing the DOM and animating each element with the class slide
and the attribute animate
. The script itself just adds and removes classes to make the animation progress.
Whaaat ? Didn't understand
For example if you have only 3 div
with the class slide
in your HTML document, the script will add it to the list of animated elements and will animate them in the order they appear in the code.
Now if you want an element to appear only when you want, you can add the attribute animate=1
for example, and the script will make this element appear at the first click after the begenning of the slide.
How to use it
To learn how to create your slideshow, go on readthedocs ;)