ngx-hammerjs-carousel
TypeScript icon, indicating that this package has built-in type declarations

1.0.5 • Public • Published

HammerjsCarousel

A photo/image carousel/slider/swiper for Angular that uses Hammer.JS.

Inspired by a great blog post from Drew Powers.

Online demo: https://stackblitz.com/edit/ngx-hammerjs-carousel-demo

Usage

npm install hammerjs ngx-hammerjs-carousel --save

In your (app) module:

import { HammerjsCarouselModule } from 'ngx-hammerjs-carousel';
...
@NgModule({
  ...
  imports: [
    ...
    HammerjsCarouselModule
    ...
  ],

In your TypeScript:

  slides = [
    'https://cdn.mijnreservering.info/janvanrossum/37medium.jpg',
    'https://cdn.mijnreservering.info/janvanrossum/38medium.jpg',
    'https://cdn.mijnreservering.info/janvanrossum/39medium.jpg',
    'https://cdn.mijnreservering.info/janvanrossum/40medium.jpg',
    'https://cdn.mijnreservering.info/janvanrossum/41medium.jpg'
  ];

In your template:

<hammerjs-carousel [slides]="slides"></hammerjs-carousel>

Package Sidebar

Install

npm i ngx-hammerjs-carousel

Weekly Downloads

24

Version

1.0.5

License

MIT

Unpacked Size

128 kB

Total Files

17

Last publish

Collaborators

  • vanrossumict