Embla Autoplay hinzugefügt
This commit is contained in:
@@ -8,17 +8,30 @@ const emblaApi = ref();
|
|||||||
|
|
||||||
const [emblaRef, emblaInstance] = emblaCarouselVue({ loop: true });
|
const [emblaRef, emblaInstance] = emblaCarouselVue({ loop: true });
|
||||||
|
|
||||||
|
let timeout=false;
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
emblaApi.value = emblaInstance.value;
|
emblaApi.value = emblaInstance.value;
|
||||||
|
setInterval(()=>{
|
||||||
|
if(!timeout) emblaApi.value?.scrollNext();
|
||||||
|
}, 2000);
|
||||||
});
|
});
|
||||||
|
|
||||||
const prev = () => {
|
const prev = () => {
|
||||||
emblaApi.value?.scrollPrev();
|
emblaApi.value?.scrollPrev();
|
||||||
|
addTimeout();
|
||||||
};
|
};
|
||||||
|
|
||||||
const next = () => {
|
const next = () => {
|
||||||
emblaApi.value?.scrollNext();
|
emblaApi.value?.scrollNext();
|
||||||
|
addTimeout();
|
||||||
};
|
};
|
||||||
|
function addTimeout(){
|
||||||
|
timeout=true;
|
||||||
|
setTimeout(()=>{
|
||||||
|
timeout=false;
|
||||||
|
}, 4000);
|
||||||
|
}
|
||||||
|
|
||||||
defineProps({
|
defineProps({
|
||||||
src: {
|
src: {
|
||||||
|
|||||||
Reference in New Issue
Block a user