You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP →
react-image-grid-gallery
Advanced tools
react-image-grid-gallery - npm Package Versions
c
codesweetlyc
codesweetlyc
codesweetlyChangelog
3.1.0 (2025-02-17)
- docs: Add funding info (0851b54)
- docs: Indicate how to lazy load all the grid's images (a718eff)
- docs: Write about the latest features (24e0da4)
- build: Bump dependencies (696e205)
- refactor: Make lazy loading optional (16abc60)
- refactor: Make modal's image height dynamic (d419e10)
- refactor: Stop supporting undefined src (dab460e)
- feat: Activate an image by clicking its thumbnail (2f0cbca)
- feat: Allow using small images for gallery and thumbnail (c20d319)
- feat: Create modal thumbnail section (dafa48d)
- feat: Create thumbnail images where the active image auto-scrolls into view (75172d9)
- feat: Display modal image's caption (19d98d2)
- feat: Lazy load grid images from index 6 and above (f4f0326)
- feat: Lazy load lightbox images (b76a039)
- feat: Make scrolling thumbnails to view keyboard-compatible (f1fd230)
- feat: Make thumbnails optional (c65cdac)
- feat: Support providing different image sizes for the grid, modal, and thumbnail (f569ff9)
- feat: Support resolution switching (44cfa02)
- fix: Re-implement clicking modal background to exit lightbox (f8b9829)
c
codesweetlyChangelog
3.0.0 (2025-01-09)
- build: Bump dependencies (2e1692e)
- build: Bump typescript from v5.7.2 to v5.7.3 (8811f95)
- docs: Add features section (e4dcb2a)
- docs: Add id property to imagesArray (53816a5)
- docs: Update customStyles' default value to an empty object (d5a311a)
- docs: Update docusaurus note to reflect that crypto is no longer used by default (d11c168)
- style: Specify the gallery images' initial aspect ratio (5b55263)
- refactor: Apply suggestions from code review (bc176a5)
- refactor: Create imageElementsArray from a function (ac645e9)
- refactor: Use empty object as customStyles' default value to reflect the accepted data type (83c6e09)
- Adding configurable styles, key for images, and visibility of captions (effbbc4)
- feat!: Make an id field part of the required properties of the imagesInfoArray prop (0614ed9)
- refactor!: Show error message if id property is missing in the imagesArray (0c05380)
- test: Customize image button's style (5db32f6)
- fix: Change imagesrc's initial value from an empty string to undefined (906d533)
- chore: Reconfigure husky (7c34c74)
c
codesweetlyc
codesweetlyChangelog
2.1.3 (2024-07-14)
🧱 Dependency
- Update dev dependencies (2e202bb)
🐛 Bug Fix
- Prevent page scrolling when lightbox is active (e0ee446)
- Resolve fullscreen button error while exiting with esc key (6dae9d8)
- Set focus on the lightbox on fullscreen change (01aeaac)
🔄️ Code Refactoring
- Don't use useEffect and useState hooks to manage lightbox (2446023)
- Remove figure's tabindex to improve accessibility (5086c3a)
- Rename showModal to showLightBox (8f99e8d)
- Use html dialog element to manage lightbox (6c8f69f)
- Use ref to access lightbox element (99544ad)
💅 Styling and Formatting
- Remove modal toobar button's margins (d1fd15d)
c
codesweetlyc
codesweetlyc
codesweetlyChangelog
2.1.0 (2024-04-29)
🧱 Dependency
🏠 Chores
- Update fullscreen state when users exit fullscreen mode without using the modal's button (390dca9)
- Update repo url (709f562)
📝 Documentation
- Add references to the documentation on this keyword's types (108e913)
- Inform users about the new columnCount prop (fe4541a)
- Notify docusaurus users how to resolve 'crypto not defined' error (1356dca)
🚀 New Feature
- Allow changing of slides with the keyboard (9d8bed2)
- Allow showing lightbox at fullscreen (df96394)
- Allow the lightbox to be closed with the escape key (95f3e31)
- Auto focus on lightbox when activated (0e0ea4c)
- Auto-focus on modal when at fullscreen (3b38a1e)
- Auto-focus on modal when exiting fullscreen (1b76d75)
- Close lightbox onclick of its background (6c1fb78)
- Close modal on click of the close button (36c45c7)
- Create pagination (7e9114c)
- Exit fullscreen when modal is off (8daebd9)
- Make entering and exiting full screen mode keyboard accessible (6a1c0f8)
- Make images in the gallery keyboard accessible (4fa12b8)
- Prevent scrolling on page's body when modal is opened (9808372)
- Provide the option to specify the exact number of columns in the gallery (fb6bce7)
- Show clicked image in modal's slideshow section (64b0d1e)
- Show lightbox's controls on mouse hover only (9b36b3b)
- Show lightbox's main container onclick of a page-thumbnail (475d1bb)
- Transition the change in opacity (a4246c5)
- Transition the change in opacity (c09bd6e)
- Use arrows to change slides (d15c345)
🔄️ Code Refactoring
- Allow keyword values (03f17aa)
- Allow keyword values (55b2ff3)
- Catch fullscreen api's errors (c466edb)
- Change class constructor to factory function for readability (fb7c6b6)
- Create modal variable (5e5db0a)
- Hide html tag's scroll when modal is opened (29da3fb)
- Isolate the toolbar and slide number from their container (eb9edbb)
- Make buttons accessible (5c88555)
- Merge exitFullscreen function with enterFullscreen (d167fd5)
- Move the modal's main container's rulesets to the styles file (2fd9f01)
- Rename modalMainContainerStyle to modalContainerStyle (9a09bfd)
- Replace html arrow entities with svg arrows (31afd5d)
- Replace if statement with the 'and' operator (f2c73fd)
- Use img element to show the lightbox's images (0fbaa2f)