You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Which variants of Embla Carousel are relevant to this feature request?
embla-carousel (Core)
embla-carousel-react
embla-carousel-vue
embla-carousel-svelte
embla-carousel-autoplay
embla-carousel-auto-scroll
embla-carousel-solid
embla-carousel-auto-height
embla-carousel-class-names
embla-carousel-docs (Documentation)
embla-carousel-docs (Generator)
Feature description
First of all thank you, I really like this slider lib and I use it all the time.
Recently I have repeatedly encountered the need to create a paralax effect, or to make the drag effect on the carousel heavier.
By manipulating the "duration" property value, I can create an interesting inertia effect giving a feeling of heaviness when clicking on the control buttons.
I think it's a shame we can't do the same thing with the drag behavior.
I realized that the desired effect could be reproduced by modifying a few lines of the DragHandler file.
For example, with a factor of 0.5 on the diffScroll, diffCross and diff variables in the move function, I can scroll the slider half as fast as the pointer, creating a parallax effect.
I would like to know if adding options for these two behaviors would be possible? For example, it could be adding a dragFactor and dragDuration option in the slider constructor.
Or maybe there is another way to reproduce a similar effect?
Additional Context
Additional details here...
Before submitting
I've made research efforts and searched the documentation
I've searched for existing issues
I agree to follow this project's Contributing Guidelines for feature requests
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Which variants of Embla Carousel are relevant to this feature request?
Feature description
First of all thank you, I really like this slider lib and I use it all the time.
Recently I have repeatedly encountered the need to create a paralax effect, or to make the drag effect on the carousel heavier.
By manipulating the "duration" property value, I can create an interesting inertia effect giving a feeling of heaviness when clicking on the control buttons.
I think it's a shame we can't do the same thing with the drag behavior.
I realized that the desired effect could be reproduced by modifying a few lines of the
DragHandler
file.For example, with a factor of
0.5
on thediffScroll
,diffCross
anddiff
variables in themove
function, I can scroll the slider half as fast as the pointer, creating a parallax effect.And by directly adjusting the "baseSpeed" I can control the animation duration when the pointerUp event fired.
I would like to know if adding options for these two behaviors would be possible? For example, it could be adding a
dragFactor
anddragDuration
option in the slider constructor.Or maybe there is another way to reproduce a similar effect?
Additional Context
Additional details here...
Before submitting
Beta Was this translation helpful? Give feedback.
All reactions