Comments (4)
@cbr9 Nice! I was reviewing it and actually after the change from css transitions to animations we were having this unwanted flash behaviour underneath the visible box.
I've fixed it on v2.2.1
. Now you would be able to use a fixed background without problems.
from react-awesome-slider.
Hey @cbr9! Thanks for raising it. Youβre right, overlapping content between slides is not possible on the current structure. Can you show me a reference?
from react-awesome-slider.
Sure thing.
It's a web app for a heavy metal band. When you click on the next or previous button of the media player, the text on the top changes. Right now I'm just updating the innerText, but I'd like to animate it. That text has a background that simply darkens the record image (which goes underneath). I kind of found a solution, but it still wasn't perfect (setting the record image as the background of every slide, but then the record image moves).
I really liked your slider, but I'll have to look for other implementations, and if don't find any suitable one, I'll try to make one myself.
from react-awesome-slider.
@cbr9 Nice! I was reviewing it and actually after the change from css transitions to animations we were having this unwanted flash behaviour underneath the visible box.
I've fixed it on
v2.2.1
. Now you would be able to use a fixed background without problems.
Thank you so much!!
from react-awesome-slider.
Related Issues (20)
- Module not found: Can't resolve 'react-awesome-slider/src/styled/fold-out-animation.scss' HOT 1
- Arrows focus
- State seems to be shared after the 2nd slide HOT 1
- Selected Screen HOT 1
- Pause video on slide HOT 2
- Loading Bar disappears HOT 2
- programmatically navigate slides? HOT 3
- How to use base64 images
- Issue in Navigation HOC without startupScreen page HOT 1
- Can't use font awsome icons without having aria-hidden set to true
- Problem with AutoplaySlider and avif files HOT 1
- how to hide arrows for single image ? HOT 1
- How to display organicArrows on mobile view ? HOT 2
- ReferenceError: Image is not defined HOT 4
- how to change organic-arrow-color ? please guide HOT 1
- Any way to make the slider move vertically?
- how to import awesome-react-slider without applying the default style HOT 1
- Awesome Slider Does Not Work
- Does not support svg image
- Default and names CSS imports are deprecated
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-awesome-slider.