Cant show images

[akayee]

import AwesomeSlider from 'react-awesome-slider';
import AwesomeSliderStyles from 'react-awesome-slider/src/styled/fold-out-animation';

result empty. Dunnow why?

[rcaferati]

Hi @akayee, thanks for raising it. You're importing it correctly. Can you show me how are you implementing the slider itself?

[akayee]

""

""

hello i actually wrote it too but github didint show

[rcaferati]

@akayee it's probably something related to the source. Have you tried removing the ./ and using just assets/img/file-name.jpg?

[akayee]

i did but nothing change i also did src/assets...

[rcaferati]

@akayee What are you using as project base? react-create-app, next.js, gatsby.js?

[akayee]

I am using Paperkit 2 Demo (Material kit) Reactstrap

[tareefdev]

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

[tareefdev]

Inspecting the HTML shows that images are available too:

[tareefdev]

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

[rcaferati]

Which version are you using @tareefdev?

[tareefdev]

I use the version 2.2.1
https://gitlab.com/tareefdev/sy-beta/blob/master/package.json#L58

[tareefdev]

Updating to 2.3.0 solves the issue.

[rcaferati]

@tareefdev Awesome!