@ondrejlohnisky/vue-image-slider

A vue-image-slider

Usage no npm install needed!

<script type="module">
  import ondrejlohniskyVueImageSlider from 'https://cdn.skypack.dev/@ondrejlohnisky/vue-image-slider';
</script>

README

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