Would like to enhance the user experience by adding a lightbox feature for the Event details images. Currently, users can view event images in a fixed display, but adding a lightbox will allow them to see an enlarged version when clicking on the image, making it more immersive.
Feature Requirements:-
Implement a lightbox for the event images on the details page.
When users click on an image, it should open in an overlay (lightbox) that darkens the background.
Include navigation arrows to allow scrolling through multiple images (if available).
Add a close button or allow clicking outside the image to close the lightbox.
Suggested Libraries/Approach:-
Use any lightweight JavaScript or React library for the lightbox effect, such as yet-another-react-lightbox.
Ensure responsiveness so it works well on both desktop and mobile devices.
Acceptance Criteria:-
[ ] Lightbox is implemented and opens when clicking on an event image.
[ ] Users can close the lightbox by clicking outside the image or pressing the close button.
[ ] Any additional images for the event can be navigated using left/right arrows within the lightbox.
[ ] Design and functionality are consistent across browsers and devices.
@Ashpara10 Please assign this issue to me and add Hacktoberfest label to it.
Description:-
Would like to enhance the user experience by adding a lightbox feature for the Event details images. Currently, users can view event images in a fixed display, but adding a lightbox will allow them to see an enlarged version when clicking on the image, making it more immersive.
Feature Requirements:-
Suggested Libraries/Approach:-
Acceptance Criteria:-
@Ashpara10 Please assign this issue to me and add Hacktoberfest label to it.
Thanks & Regards, Abbas Bhanpura wala