- Added currentImageWillChange PR 97. Function to execute before lightbox image change. Useful for tracking current image shown in lightbox. Thanks Approximator.
- Moved prop-types dependency from dev dependencies to dependencies
- Bumped react-images to 0.5.16 to address issue #83. See jossmac/react-images#172 for details.
- Fixed bug: propagate preloadNextImage to Lightbox PR 78. Thanks ScottMRafferty.
- Added optional alt tag to image props (defaults to empty string).
- Added image rotation/transformation functionality based upon EXIF orientation passed in the image
orientationprop PR 67. Thanks mis94.
- Added className to custom overlay.
- Added vendor specific prefixes to userSelect styling.
- Added ability to select thumbnailCaption text PR 43. Thanks jakub-tucek.
-
Added optional thumbnailCaption functionality PR 42. Thanks jakub-tucek.
-
Updated acknowledgements.
-
Updated documentation.
-
Fixed resize event not triggering on scroll bar presence change PR 40. Thanks SimeonC.
-
Updated acknowledgements.
-
Added optional
idprop for the id attribute of the<Gallery>tag. -
Added className attribute for the
<Gallery>tag. -
Updated documentation.
-
Added optional
tileViewportStyleprop as a function to determine style of tile viewport. This function leverages Function.prototype.call(). -
Added optional
thumbnailStyleprop as a function to determine style of each gallery thumbnail. This function leverages Function.prototype.call(). -
Refactored implementation of
onSelectImageprop. This function leverages Function.prototype.call(). -
Refactored implementation of
onClickThumbnailprop. This function leverages Function.prototype.call(). -
Refactored implementation of
lightboxWillOpenprop. This function leverages Function.prototype.call(). -
Refactored implementation of
lightboxWillCloseprop. This function leverages Function.prototype.call().
- Added optional
tagStyleprop to style thumbnail tags.
-
Added optional lightbox prop
showLightboxThumbnailsto display thumbnails beneath the Lightbox image. -
Added optional lightbox prop
onClickLightboxThumbnailas a fn to execute when lightbox thumbnail clicked. Overrides internal function: gotoImage.
-
Refactored for react 16 (moved from PropTypes to prop-types package).
-
Bumped react-images to 0.5.4 which has been refactored for react 16.
-
Added
themepass-though prop PR 27. Thanks danalloway. -
Updated acknowledgements.
-
Bumped to react 15.5.4
-
Refactored to use new prop-types package (React.PropTyes deprecated).
-
Added demo to project page for
customOverlay. -
Updated documentation
-
Updated acknowledgements
- Added
maxRowsfunctionality issue #21.
-
Added
lightboxWillOpenandlightBoxWillClosefunctionality PR 20. Thanks ValYouW. -
Updated documentation for onClickThumbnail fn issue #19
-
Updated acknowledgements
-
Fixed bug where lightboxWidth does not exceed 1024px
-
Bumped react-images to 0.5.2
- Fixed bug in passing lightboxWidth prop
- Added prop to set maximum width of lightbox. Defaults to 1024px.
-
Updated documentation including correction of
onSelectImageprop documentation. -
More descriptive package keywords.
-
Grammatical tweaks.
- Consistent naming scheme implemented both internally and externally. External breaking change to the
onImageSelectedprop which has been renamedonSelectImage. All internal instances ofFuncrefactored toFn.handleClickImagerefactored toonClickImage.handleResizerefactored toonResize.
The following changes in v0.2.7 allow react-grid-gallery to be used in an (optionally) stateless way.
-
Added optional prop
onClickImage. This prop takes a function and is triggered when a lightbox displayed image is clicked. Supplying this prop will override the defaultonClickImagefunction. -
Added optional prop
onClickPrev. This prop takes a function and is triggered when the left arrow in lightbox is clicked. Supplying this prop will override the defaultonClickPrevfunction. -
Added optional prop
onClickNext. This prop takes a function and is triggered when the right arrow in lightbox is clicked. Supplying this prop will override the defaultonClickNextfunction. -
Added explicit
closeLightboxfunction to the lightboxonCloseprop.
-
Added acknowledgements to docs.
-
Fixed unitless style warning. Thanks @szromek.
- Added image tagging functionality. Optional
tagsprop takes an array of objects containing tag attributes.valueprop is the text shown on the tag andtitleprop is the text shown when hovering over the tag. e.g.tags: [{value: "Ocean", title: "Ocean"}, {value: "People", title: "People"}]
onImageSelectedprop function now takes two optional args, index (index of selected image in images array) and image (the selected image object).
-
Image selection state now handled within image object by optional boolean prop
isSelected. This greatly reduces complexity both within and outside the component as the image itself carries it's selected state. ThereforeselectedImagesprop has been removed. -
onSelectedImagesChangeprop removed due to the changes outlined above. -
Optional
onImageSelectedprop added. This prop takes a function and an optional image object as a parameter. -
isSelectedremoved as first class prop on Image (now a prop on the image item passed in) -
Image
onToggleSelectedrenamed toonImageSelected.
- Fixes bug on small edge case whereby duplicate images causes an error (two children cannot have the same key) and subsequently only the first of any repeated image src can be rendered.
-
Fixes Bug where updating an image caused wrong aspect due to thumb not resizing. Bug caused by using array index as react key rather than something unique to the image. Thanks to cust0dian for the pull request which fixes this issue by assigning src attribute as key.
-
Fixes bug where only thumbnails are updated when images props changes, meaning re-render doesn't happen until window is resized. Thanks again to cust0dian for the pull request which fixes this issue.
-
Construction of thumbnail images and image rows removed from render. Thumbnails and rows now only rebuilt when container size changes.
-
selectedImagesstate now set via props change. -
onSelectedImagesChangecallback now called directly fromonToggleSelected. Previously, a combination of settingselectedImagesstate and triggeringonSelectedImagesChangeinsidecomponentWillUpdatecaused a double render. -
Internal image access now via state instead of props.
-
Thumbnail generation now atomic function rather than whole array at once.
selectedImagesstate set oncomponentWillReceivePropsallowing selections from outside component to trigger state update.
- Replaced legacy
refstring withrefcallback. Fixes multiple react owner issue when using react-grid-gallery inside a reagent project :)
- Replaced
ReactDOM.findDOMNode(this)with ref, removed react-dom deps - Added conditional to ensure image onClick not fired when no function specified
- Moved CheckButton styling (color, hoverColor, selectedColor) to props
- Fixed react-dom typo
-
Added option to allow disabling of lightbox image display.
enableLightbox(PropType.bool, defaulttrue) -
Added option to allow passing in of function to execute on thumbnail click.
onClickThumbnail(PropType.func, defaultopenLightbox)
- Removed darkening effect on thumbnail hover when
enableImageSelection: false
- Handful of code samples and demos added to project page.
- PropType bugs fixed on Gallery and Image
- Gulp task ensenble to clean/build/deploy lib, web (gh-pages) and hacked up cljs js lib
- Project page with examples, docs etc.
- Updated options documentation
- Bumped react-images to v0.4.11
- Enabled preloadNextImage option from react-images
- Removed commentary and dead code
- Replaced simple functions with anonymous inline functions
- Added support for disabling image selection (optional)
- Updated options documentation
- Added support for disabling image selection (optional)
- Updated options documentation
- Added support for onSelectedImagesChange function (optional)
- Updated options documentation
- Added support for all functional lightbox options
- Updated README with options documentation
- Simplified thumbnail viewport
- Fixed aspect bug on shrinkage effect on thumbnail selection
- Shrinkage effect on thumbnail selection
- Darkening effect on thumbnail hover (increases visibility of check button)
- Pointer cursor on thumbnail hover
- Full lightbox functionality provided by react-images by @jossmac
- Auto scaled, clipped and justified images to fit rowHeight prop
- Image selection and gallery level reference to list of selected images