Comments (13)
Hi @akayee, thanks for raising it. You're importing it correctly. Can you show me how are you implementing the slider itself?
from react-awesome-slider.
""
from react-awesome-slider.
@akayee it's probably something related to the source. Have you tried removing the ./
and using just assets/img/file-name.jpg
?
from react-awesome-slider.
i did but nothing change i also did src/assets...
from react-awesome-slider.
@akayee What are you using as project base? react-create-app
, next.js
, gatsby.js
?
from react-awesome-slider.
I am using Paperkit 2 Demo (Material kit) Reactstrap
from react-awesome-slider.
I have the same problem, all HTML elements seem loaded correctly with its CSS rules, but images don't appear. I'm using Gatsby.
You could see the slider here:
http://betasyrianarchive.tk/
The source code of the page is there:
https://gitlab.com/tareefdev/sy-beta/blob/master/src/pages/index.js#L40
The issue only appears after building, while in the development stage the slider works perfectly
from react-awesome-slider.
Inspecting the HTML shows that images are available too:
from react-awesome-slider.
I found that the first slide doesn't take awssld--active
class, so it's invisible, adding it to the first slide makes its image be appeared but other slider functionalities don't work, for example, pressing on arrows doesn't slide images
from react-awesome-slider.
Which version are you using @tareefdev?
from react-awesome-slider.
I use the version 2.2.1
https://gitlab.com/tareefdev/sy-beta/blob/master/package.json#L58
from react-awesome-slider.
Updating to 2.3.0 solves the issue.
from react-awesome-slider.
@tareefdev Awesome!
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.