SSENSE/vue-carousel

Feature Request: Allow dynamic number of slides

Open

#268 ouverte le 20 août 2018

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

Description

I have a dynamic number of images I want to display in your carousel. For large screens I want to display up to 8 slides per page. But since the number of images is dynamic I might end up having only 2 images to display. In that case the slide takes up way too much space.

Example: https://codesandbox.io/s/n3mkw7z7q0 I highlighted the background of each slide to easily see how much space it takes up.

It would be great if there was a way to deal with this problem, maybe by being able to set the flex-basis yourself?

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.
clear
Prérequis
Vue.jsCSS flexbox
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
50
Direction de recherche
Examine the Carousel component (likely in src/Carousel.vue) to understand current slide width calculation. Implement a prop or reactive calculation that allows the number of slides per page to adjust based on the number of children and container width. Use the provided codesandbox example (https://codesandbox.io/s/n3mkw7z7q0) as a test case. Ensure the solution works with responsive design and existing functionality.