Simple-responsive-carousel NPM

RESPONSIVE CAROUSEL

Description

Simple responsive carousel to show some of your pics.

Installation

npm i simple-responsive-carousel

Usage

import carrousselPerso from 'simple-responsive-carousel';

Carousel with automatic scroll :

let carrousselPerso = new Carroussel({
    "name": "carroussel",
    "type": "automatic",
    "timer": 2000,
    "image": [
        "./img/img1.jpg",
        "./img/img2.jpg",
        "./img/img3.jpg",
        "./img/img4.jpg",
    ],
});
carrousselPerso.createCarroussel();

Carousel with manual scroll :

let carrousselPerso = new Carroussel({
    "name": "carroussel",
    "type": "manual",
    "image": [
        "./img/img1.jpg",
        "./img/img2.jpg",
        "./img/img3.jpg",
        "./img/img4.jpg",
    ],
});
carrousselPerso.createCarroussel();

Name	Value(s)	Require	Type	Desc
name	carouselDivId	yes	string	The name of the div ID where the carousel will be show
type	automatic / manual	yes	string	The type of the carousel. Automatic = automatic scroll. Manual = manual scroll
timer	1500 / ""	no	number	The time, in millisecond, between each image
image	pathImg1, pathImg2	yes	string	The array with all your relative path, absolute path or url of your images

If timer is not defined in automatic mode, timer will be set to 2000ms

Example

alt text

carousel

@infinitebrahmanuniverse/nolb-simple-r @everything-registry/sub-chunk-2765

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago