31 lines
665 B
Vue
31 lines
665 B
Vue
|
<template>
|
||
|
|
<q-carousel
|
||
|
|
swipeable
|
||
|
|
animated
|
||
|
|
:autoplay="autoplay"
|
||
|
|
transition-prev="slide-right"
|
||
|
|
transition-next="slide-left"
|
||
|
|
@mouseenter="autoplay = false"
|
||
|
|
@mouseleave="autoplay = 5000"
|
||
|
|
:arrows="imgGallery.length > 1"
|
||
|
|
v-model="slide"
|
||
|
|
:thumbnails="imgGallery.length > 1"
|
||
|
|
infinite
|
||
|
|
>
|
||
|
|
<q-carousel-slide
|
||
|
|
v-for="(myimg, index) in imgGallery"
|
||
|
|
:name="index"
|
||
|
|
:key="index"
|
||
|
|
:img-src="directory + '/' + myimg.imagefile"
|
||
|
|
>
|
||
|
|
</q-carousel-slide>
|
||
|
|
</q-carousel>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" src="./CGalleryImages.ts">
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
@import './CGalleryImages.scss';
|
||
|
|
</style>
|