If you wish to add content (text and buttons e.t.c) follow the below format paragraph
`````

Title
Subtitle
#### full setup
``



import vueslideshow from 'chifi49/vue-slideshow';
export default{
components:{
vueslideshow
},
data:function(){
return {
slideshowParams:{
fullscreen:true, //shows full screen icon on top right
dragEnabled:true, //can drag the content to slide to previous or next content
animation:'fade', //slide or fade
nav:{
visible:true,
arrowColor:'#fff',
backgroundColor:'transparent',
borderColor:'#fff'
},
pager:{
visible:true,
mode:'bullets', //counter or bullets
backgroundColor:'#fff',
color:'#000',
borderColor:'#fff',
position:{
vertical:'bottom' //top or bottom
}
},
thumbs:{
visible:true,
width:100,
height:70
}
}
}
}
}
``
Override Content (navigation arrow left and right)
``
left
right
``
Override full screen icon
``
``$3
`
@inited = 'inited'
@beforeAnimate = 'beforeAnimate'
@animated = 'animated'
@firstSlide = 'firstSlide'
@previousSlide = 'previousSlide'
@nextSlide = 'nextSlide'
@lastSlide = 'lastSlide'
@enterFullScreen = 'enterFullScreen'
@exitFullScreen = 'exitFullScreen'
@pageSelected = 'pageSelected'
@thumbSelected = 'thumbSelected'
@dragging = 'dragging'
>
...
`$3
`
......
var slider = this.$refs['slider'];
`#### nextSlide
slider.nextSlide()
#### previousSlide
slider.previousSlide()
#### firstSlide
slider.firstSlide()
#### lastSlide
slider.lastSlide()
#### moveTo
slider.moveTo(3)
move to 3rd slide
#### showThumbs
slider.showThumbs()
#### hideThumbs
slider.hideThumbs()
#### fullScreen
slider.fullScreen()
#### getIndex (zero based)
slide.getCurrentIndex
#### getCurrentContent
slider.getCurrentContent`