SSENSE/vue-carousel

Feature: Add configurable support for inverted autoplayHoverPause

Open

#299 ouverte le 23 oct. 2018

Voir sur GitHub
 (1 commentaire) (2 réactions) (0 assignés)JavaScript (1 705 stars) (513 forks)batch import
featuregood first issuehelp wanted

Description

Hi,

I would like to add the following functionality - to enable navigation thru slides on hover. Meaning - while the cursor is outside of the carousel navigation is paused and enabled on hover. On mouseleave navigation should be stopped. Practically, an opposite feature of autoplay="true" and autoplayHoverPause="true".

Can you please help me?

Thanks in advance! Jelena

Guide contributeur

Stack technique
vuejavascript
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
Basic Vue.js knowledgeFamiliarity with carousel component props
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40
Direction de recherche
Review the current implementation of autoplayHoverPause in the main Carousel.vue component. Identify how the pause behavior is triggered on hover. To add an inverted mode, a new prop (e.g., autoplayHoverResume) should be introduced that toggles the logic: pause on mouseleave instead of mouseenter. Check the component's event handlers and the autoplay timer setup. Also verify if there are any existing tests or documentation for the autoplay feature. Since this issue is from 2018, ensure the code base has not drifted significantly.