Minimal and Simple Website Carousel
Powered by Tiny Slider 2
This is a simple and responsive carousel for your website with a minimal design. This carousel is powered by Tiny Slider 2 - a JavaScript library for creating sliders and carousels.
A demo of the carousel is available here: Carousel Demo. Demonstration in Cyrillic (Russian language): Demo in Russian.
Some notes:
Image sizes: I'm using 1920px by 1280 px images in the carousel demo.
Google fonts: Raleway (400, 500, 500 Italic, 700, 800).
I also use the "mw-" prefix for CSS classes and IDs. This should make it easier to use this carousel if you want to add it to your project, since using this prefix will reduce the chance of conflicts with your project's styles.
Thanks so much:
- jQuery - jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
- Normalize.css - A modern alternative to CSS resets.
- Font Awesome Free Icons - Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators (v6.2.1).
- Tiny Slider 2 - Vanilla JavaScript slider for all purposes.
- imagesLoaded - JavaScript is all like "You images done yet or what?". Detect when images have been loaded.
- Google Fonts - Raleway (400, 500, 500 Italic, 700, 800).
- Unsplash.com - The internet's source of freely-usable images. Powered by creators everywhere.
Created with love in 2023. Author: Alexey Trofimov. Feel free to use this carousel in your projects!