Comments (4)
import "react-image-gallery/styles/css/image-gallery.css"
this solve the problem
from react-image-gallery.
Its working fine for me without use client
and using the version below. Anyone else able to replicate?
react: 18.2.0
next: 13.5.6
from react-image-gallery.
Same issue here, macOS/Brave/Safari.
I can't remove use client
because I need to use useState
, only available in Client Components.
No console errors, and I also tried debugging clicks using onThumbnailClick
, but nothing goes to the console either.
My versions:
react: 18.2.0
next: 14.1.0
react-image-gallery: 1.3.0([email protected])
from react-image-gallery.
Same issue for me. I see the format fine after importing CSS file ( which also should be updated in README for correct import in JS module ). Not able to click anything
import ImageGallery from 'react-image-gallery';
import 'react-image-gallery/styles/css/image-gallery.css';
const images = [
{
original: 'https://picsum.photos/id/1018/1000/600/',
thumbnail: 'https://picsum.photos/id/1018/250/150/',
},
{
original: 'https://picsum.photos/id/1015/1000/600/',
thumbnail: 'https://picsum.photos/id/1015/250/150/',
},
{
original: 'https://picsum.photos/id/1019/1000/600/',
thumbnail: 'https://picsum.photos/id/1019/250/150/',
},
];
return <ImageGallery items={images} />;
"react-image-gallery": "^1.3.0",
"next": "13.0.6",
"react": "18.2.0",
"react-dom": "18.2.0",
from react-image-gallery.
Related Issues (20)
- Mui styled HOT 1
- add virtual list HOT 6
- Unable to show images being fetched in React.useEffect(). Static images work though. HOT 1
- Disabled property for the nav buttons doesn't support RTL
- Astro Project in Vercel doesnt work HOT 1
- Can we have the state isFullscreen as property? HOT 3
- Cant see original images but see thumbnails with same link HOT 1
- Setting gallery height without impact on fullscreen mode HOT 2
- Can i use this lib with ajax?
- Request new feature - Scrollable image view HOT 1
- can you show an example of using renderItem? HOT 1
- Replace image dynamically
- Next page animation doesn't work HOT 2
- add circular border over forward and backward slider HOT 3
- ResizeObserver loop error when resizing changes from thumbnails to bullets
- Error when importing to a custom block in WordPress block editor
- initial load breaking layout, only controls rendered, then after delay items show up causing layout shifts HOT 1
- Support props to config useSwipeable
- Super expression must either be null or a function HOT 1
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-image-gallery.