0.0.6 • Published 5 years ago
vuelibrarymisc v0.0.6
Vue Library
Props
- images (required): Accepts array of objects.
- starting-image (optional) DEFAULT: 0: Accepts the index of the image that the carousel starts from
- auto-slide-interval (optional): time in milliseconds to auto slide to the next image e.g. 1000, which is 1 second
//Example of images
let items = [
{
id: '1',
src: 'path to full image',
},
{
id: '2',
src: 'path to full image',
}
]
Example usage
<!-- Example -->
<carousel
:starting-image="2"
:images="items"
></carousel>
<!-- Example with auto slide-->
<carousel
:starting-image="2"
:images="items"
:auto-slide-interval="3000"
></carousel>
### Using carousel with hooper, hooper is carousel Library
```html
<!-- Example-->
<HooperCarousel
:hooperStyle="hooperStyle"
:hooperSettings="smallHooper"
:items="items"
></HooperCarousel>
0.0.6
5 years ago