Questions tagged [react-image-lightbox]
13 questions
1
vote
0 answers
I am trying to implement react-inner-image-zoom with react-image-LightBox
I am using react-image-LightBox and in that, I have to implement the Zoom-in/Zoom-out feature as (https://laurenashpole.github.io/react-inner-image-zoom/).
I tried integrating react-inner-image-zoom with react-image-LightBox, but I was unable to…
rahul vashishtha
- 11
- 1
1
vote
1 answer
Is there a way to add base64 data: URLs to react-image-lightbox
I would like to know is there a way to add base64 data URL (instead of image URL) to react-image-lightbox
OR should I convert the base64 string to the image first and then add to react-image-lightbox? If so how can I convert to the image, please?
May Olivia
- 145
- 1
- 10
1
vote
1 answer
Using react-share with react-image-lightbox
I've taken over a React project and am fumbling incorporating react-share with react-image-lightbox. I'm pretty unfamiliar with React and Typescript all together so any insight is much appreciated.
Here's the relevant snippets:
import {
…
jon_childs
- 675
- 6
- 15
0
votes
1 answer
react-image-lightbox: image not rendering
I have a situation with the react-image-lighbox package: once the Lightbox component is called, the desired image is not rendered unless there is some change to the code (whether on the IDE or simply pressing the prev/next image buttons), or I…
0
votes
0 answers
About option "discourageDownloads" of react-image-lightbox or similar library
I'm using react-image-lightbox as below.
https://github.com/frontend-collective/react-image-lightbox
There is a problem that it breaks when discourageDownloads of option is set to true.
It would be perfect if only the saving of images could be…
M.S
- 1
- 1
0
votes
1 answer
Separate images in react-image-lightbox
I have a problem when using this library in some groups of images separately, what really happens is that it takes the list of images from the last group always when I click on another group of images:
const Projects = [
{
id:…
Deybi Tabora Paz
- 171
- 3
- 11
0
votes
1 answer
Image not loading in React JS
I am new to React JS world, without web pack Image loading properly but when am using webpack Image not loading if image size greater than 24*24 pixel.
if Image size less than (24*24 pixel) then image is loading properly.
Image under…
K Kumar
- 131
- 5
- 14
0
votes
1 answer
Change imageCaption on click to next -React-image-lightbox
I am making a gallery using "react-image-lightbox". First I display the images using Grid from Material-Ui and then follows documentation from https://www.npmjs.com/package/react-image-lightbox
However, I cannot change the imagecaption accordingly…
Nahida Islam
- 55
- 1
- 6
0
votes
1 answer
How do I pass current index to react-image-lightbox?
I am trying to implement a flexible lightbox component for displaying images. I am using this npm , image URL's i am getting from api.
How should I pass current image index value to (Which image clicked on) the component so that the adject image…
ConAra
- 271
- 5
- 18
0
votes
0 answers
Scrolling causes an error with React image lightbox
I have a create-react-app project which i am building, all has been going great up until recently.
For some reason, all of a sudden i am getting an error when scrolling after clicking a lightbox object.
The error i am getting is;
[Intervention]…
CodeSauce
- 255
- 3
- 19
- 39
0
votes
1 answer
How to style the image within a react-image-lightbox?
Any suggestions on how to rotate the image in the react-image-lightbox - https://www.npmjs.com/package/react-image-lightbox
drea
- 11
- 5
0
votes
1 answer
react-image-lighbox doesn't opens video or text. How to make it work with videos as well
I am using react-image-lightbox for carousel in my app. How to make this component identify the type of the content like Video, Images or PDFs,Excels, or Texts. Currently it is working with images only. Please help. Thanks
Abhijeet Prashar
- 11
- 4
0
votes
1 answer
Dynamic lightbox gallery from JSON
I have this URL that is feched succefully by Axios
const URL_INTERIORES = 'http://localhost:3001/interiores';
I installed the react-image-lightbox from npm and it gave to me default images configured in array.
const images = [
…
claudiopb
- 1,056
- 1
- 13
- 25