🔗 Try it live at: https://devfel.github.io/slide-pictures/
In this responsive project using HTML, CSS and Vanilla JavaScript I created a picture slider (a.k.a. as photo slider) to show several pictures and the user can slide through them using different ways, arrows, hold and drag or image clicking
- Test Here
- Application Features
- Getting Started
- Dependencies
- Built Using
- Acknowledgements
- Liceses
- Authors
https://devfel.github.io/slide-pictures/
- Show Images: The application is capable of showing several images.
- Hold and Drag: The user can hold an image and drag to the next or previous one.
- Arrows: The user can click arrows to go the next or previous images.
- Miniature Selection: The user can click on a miniature picture to make it appears as the selected picture.
Because this was done using only HTML, CSS and JavaScript it can be replicated easily within your own browser without much trouble, just clone the project and you can run it with in your browser.
You can clone the repository through Command Prompt or Terminal just by typing:
git clone https://github.com/devfel/slide-pictures.git
or download the zip from the green "Code" button.
This application was done with Vanilla Javascript using ECMAScript 6. No extra libraries or frameworks so, there is no dependencies to install.
- JavaScript - Programming Language
- HTML - Markup Language
- CSS - Style Sheets
- Application created based on examples done by Origamid.
- Distributed under the MIT License - see the LICENSE.md file for details.
- @devfel - Luiz Flávio Felizardo