vue-image-slider

Simple image slider component

2,248 3

vue slider carousel gallery image responsive

Install
`npm install vue-image-slider`
Latest Version:	1.0.2 (Jan 30, 2020)
Vue:	2
License:	MIT
Last Updated:	Dec 31, 2022
Links:	GitHub · npm

Maintainer: haykoyaghubyan

vue-image-slider

Install

npm install vue-image-slider --save

Usage

<div id="app">
	<vue-image-slider :images="imageArray" :intervalVal=3000 :height=700 :width=1200 />
</div>

import VueImageSlider from 'vue-image-slider'

export default {
 name: 'app',
 components: {
  VueImageSlider
 },
 data() {
  return {
   imageArray: [
    'https://cdn.pixabay.com/photo/2015/12/12/15/24/amsterdam-1089646_1280.jpg',
    'https://cdn.pixabay.com/photo/2016/02/17/23/03/usa-1206240_1280.jpg',
    'https://cdn.pixabay.com/photo/2015/05/15/14/27/eiffel-tower-768501_1280.jpg',
    'https://cdn.pixabay.com/photo/2016/12/04/19/30/berlin-cathedral-1882397_1280.jpg'
   ],
  }
 },
}

Props

name	type	default	description
width	String	700px	Slider width
height	String	400px	Slider height
intervalVal	Number	Undefined	Delay of autoplay
images	Array	Undefined	Array of images

License

MIT