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 |