Comments (6)
Added at v2.8.0 see https://maxmarinich.github.io/react-alice-carousel/#events
from react-alice-carousel.
Hi, @bogdancss! EventType.UPDATE
fires when you have changed the activeIndex
property (the gallery has been moved programmatically, without using a button action).
If you add/remove elements, you know what you are doing and what happened. Accordingly you can call callback after those actions.
It possible to reopen the issue with feature request label if you don't resolve your case.
from react-alice-carousel.
@maxmarinich I get that, but I need the carousel to trigger an update method to update the isNextSlideDisabled
and isPrevSlideDisabled
props based on the new number of items
from react-alice-carousel.
@maxmarinich - can you get back to the question above?
from react-alice-carousel.
@maxmarinich we really this this addressed - is there a solution?
from react-alice-carousel.
we have the carousel not render the prev/next buttons when it's not the case to (the number of items fits within the current view)
also, we have the buttons disabled based on isNextSlideDisabled
and isPrevSlideDisabled
props the carousel provides.
However, the moment the number of items changes so that there are more than the current view fits we want the prev/next buttons to render.
The only way to make the buttons show up after you add an item, is to resize, which in turn triggers the isNextSlideDisabled
isPrevSlideDisabled
to update.
There should be a way to do this onUpdate
and not just onResize
or onInit
from react-alice-carousel.
Related Issues (20)
- move arrow position HOT 1
- Error: Hydration failed because the initial UI does not match what was rendered on the server. HOT 1
- Hydration and Text content does not match server-rendered HTML with Next 13 App Router HOT 1
- Support for CSS/SCSS modules HOT 1
- Carousel Memory Leak HOT 1
- images to the left instead of center HOT 1
- SyntaxError: Unexpected token '.'
- How to put arrows for navigation on the sides like in the example HOT 2
- force update or similar ? HOT 2
- react alice carousel alice-carousel__stage-item width not updating on parent element resize HOT 5
- Is there a way to have an onUpdate method? HOT 3
- onUpdate callback? HOT 1
- Touchpad scrolling
- ActiveIndex not working HOT 1
- Navigation issue HOT 3
- Centering the items HOT 3
- onSlideChanged is not working. HOT 1
- Avoid layout shift? HOT 2
- Responsive not working well on desktop view HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-alice-carousel.