This is my simple library for slideshow based on Vue.js and JQuery
required: JQuerry!!
npm i @ondrejlohnisky/vue-image-slider
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>
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 |