blider-karussell v0.0.2

BliderKarussell

This is a wallapaper carousel library which is generated with Angular CLI version 16.1.0.

Usage

Installation

Manual install through package managers

1. You can install blider-karussell using npm

npm install blider-karussell --save

or yarn

yarn add blider-karussell --save

2. Import the BliderKarussellModule in your app main module:

import { BliderKarussellModule } from 'blider-karussell';

// In your App's module:
imports: [BliderKarussellModule];

API

<blider-karussell 
  [images]="carouselImages" 
  [indicators]="true" 
  [controls]="true" 
  [autoSlide]="false" 
  [slideInterval]="3000">
</blider-karussell>

Properties

• images: (carouselImages<imageSrc, imageAlt>[]) - provides the images url data.
  • imageSrc: (string) - provides the source path of image.
  • imageAlt: (string) - provides the alt label of the image.
• indicators: (boolean = true) - if true, the dot indicators will be shown.
• controls: (boolean = true) - if true, the next, & previous buttons will be shown.
• autoSlide: (boolean = false) - if true, images will be changed based on the provided time interval.
• autoSlide: (number = 3000) - default value is 3000 MS, used to set the time interval for auto sliding.

3. Add the Font Awesome URL in your index.html file

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />

License

The MIT License (see the LICENSE file for the full text)