1.0.0 • Published 5 months ago

sbassan1-img-carousel v1.0.0

Weekly downloads
-
License
-
Repository
-
Last release
5 months ago

📌 A very simple Image Carousel HTML element JS package

A small simple image-carousel HTML element JS package for personal use. Feel free to use it though! 🎉

Link to the package:

My another npm package (a simple dropdown menu!): https://www.npmjs.com/package/sbassan1-dropdown-menu

🚀 Usage Example

import { ImageCarousel } from "./image-carousel.js";
import image1 from "./images/pexels-alinaskazka-31120801.jpg";
import image2 from "./images/pexels-miami302-30663489.jpg";
import image3 from "./images/pexels-gya-den-768256-2304204.jpg";
import image4 from "./images/pexels-yfshoot-14878587.jpg";

import "./style.css";

const imageList = [image1, image2, image3, image4];

const imageCarouselExample = new ImageCarousel(imageList);
const divExample = document.getElementsByClassName("example")[0];
divExample.append(imageCarouselExample.render());

📖 How It Works :

✅ You can customize the styling, add new effects, and extend the eventHandler function to add more effects!

:)

1.0.0

5 months ago