@muahchee/image-carousel
v1.0.3TypeScript
attach it to a div to create a slideshow
0/weekUpdated 10 months agoISCUnpacked: 8.4 KB
Published by muahchee
npm install @muahchee/image-carouselImage Carousel
Install
npm install @muahchee/image-carousel
Syntax
$3
``
`
put images in slide-container
$3
`
import { ImageCarousel } from "@muahchee/image-carousel"
new ImageCarousel(frame, slideContainer, frameWidth, arrowDistance, wantSlideshow, slideshowTimerMs).create();
`
- frame = div.frame (querySelector)slideContainer
- = div.slide-container (querySelector)frameWidth
- = (px) image and frame widtharrowDistance
- = (%) constrols how far away the next and previous arrow are from the left and right edge of the frame.wantSlideshow
- = (true/false) toggle slideshow. Default is trueslideshowTimerMs` = (number) controls how many milliseconds to change image. Doesnt do anything if wantSlideshow is false. Default is 2300.
-
$3
replace image files with the new image but same name