Skip to content

ondrejlohnisky/vue-image-slider

Repository files navigation

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