sbassan1-img-carousel
v1.0.0
Published
A small simple image-carousel HTML element JS package for personal use. Feel free to use it though! ๐
Downloads
35
Readme
๐ 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!
:)
