File

src/app/app.component.ts

Metadata

selector app-root
styleUrls app.component.scss
templateUrl ./app.component.html

Properties

images
images: any

A list of images

options
options: any

A list of slideshow options

import { Component } from '@angular/core';
import * as Immutable from 'immutable';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  /**
   * A list of slideshow options
   *
   * @type {Map<string, any>}
   */
  options = Immutable.Map({
    showDots: true,
    height: 450,
    showThumbnails: true,
    thumbnailWidth: 150
  });

  /**
   * A list of images
   *
   * @type {Immutable.List<any>}
   */
  images = Immutable.List([
    {
      url: 'http://placekitten.com/800/500',
      title: 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. ' +
      'Lorem Ipsum has been the industrs standard dummy text ever since the 1500s, when an unknown printer ' +
      'took a galley of type and scrambled it to make a type specimen book.'
    },
    {url: 'http://placekitten.com/1200/500'},
    {url: 'http://placekitten.com/800/300', title: 'cat'},
    {url: 'http://placekitten.com/300/500', title: 'cat'},
    {url: 'http://placekitten.com/860/500', title: 'cat'},
    {url: 'http://placekitten.com/830/500', title: 'cat'},
    {url: 'http://placekitten.com/660/500', title: 'cat'},
    {url: 'http://placekitten.com/720/500', title: 'cat'},
    {url: 'http://placekitten.com/360/300', title: 'cat'},
    {url: 'http://placekitten.com/860/860', title: 'cat'},
    {url: 'http://placekitten.com/800/900', title: 'cat'},
    {url: 'http://placekitten.com/800/1200', title: 'cat'}
  ]);
}
<h1>Slideshow Demo</h1>
<section>
  <ng-slideshow [options]="options" [images]="images"></ng-slideshow>
</section>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""