1.0.0 • Published 5 months ago
sbassan1-img-carousel v1.0.0
📌 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