@ondrejlohnisky/vue-image-slider NPM

image-slider

https://github.com/ondrejlohnisky/vue-image-slider

https://www.npmjs.com/package/@ondrejlohnisky/vue-image-slider

This is my simple library for slideshow based on Vue.js and JQuery required: JQuerry!!

Installation

npm i @ondrejlohnisky/vue-image-slider

Usage

import imageslider from '@ondrejlohnisky/vue-image-slider';
Vue.component('imageslider', imageslider);

<template>
  <imageslider :images="images" :speed="1250" :interval="4250" :arrows="true" :controls="true" :stopOnHover="true" endingType="continue"/>
</template>

Props

Prop	Value	Description	Default
arrows	`true/false`	Display arrows	`true`
controls	`true/false`	Dispaly controlls	`true`
images	`array of objects`	Object consist of name,description and src	`required!`
interval	`number` ms	speed of the interval	`5000`
speed	`number` ms	speed of the slide	`1000`
endingType	`'continue'/'rollback'`	how is the ending of slideshow handled	`continue`
stopOnHover	`true/false`	stop when user hover over slider	`true`