SSENSE/vue-carousel

Feature Request: Support variable slide widths

Open

#61 geöffnet am 15. Juni 2017

Auf GitHub ansehen
 (12 Kommentare) (1 Reaktion) (0 zugewiesene Personen)JavaScript (1.705 Stars) (513 Forks)batch import
featurehelp wanted

Beschreibung

Hi there. Thanks for providing this slider in the first place 🙌🏻. But I have the following problem: I have a slider with images with variable widths (when height is matched). Lets imagine that the first image is about 70% width of the screen, and the second is just next to it. So first I want to display the first image and 30% should already be filled by the second image. If it slides 1 slide, I want it to stop as soon as the left edge of the second image is at the left edge of the slider wrapper. I see that I can adjust the perPage setting, but this would sometimes mess up my slides (I get empty slides at the end) or some images are never displayed. And most of all: so far all my slides have the same width...

Maybe you can give me a hint how to get this done. cheers

I have made some visualization what I am looking for: image image

Contributor Guide

Tech Stack
vuejavascriptcss
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
half day
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Vue.jsCSSCarousel component logic
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60
Research-Richtung
Examine the carousel component's source code in the repository, focusing on how slide widths are currently calculated (likely in a file like Carousel.vue). Review the 12 comments on the issue for any suggested approaches or partial implementations. Investigate how the 'perPage' setting affects layout and consider modifying the sliding logic to accommodate variable widths, possibly by reading each slide's natural width and adjusting the container's scroll position accordingly.