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 |