1.0.2 • Published 6 years ago
vue-image-slider v1.0.2
vue-image-slider
Install
npm install vue-image-slider --saveUsage
<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