This is a neat image gallery plugin for jQuery. It offers different possible configurations while still being lightweight and easy to work with.
Here are some of its features:
- The images can have different appearance effects: fade, slide, quick slide, stack and none.
- The body can be set to have a constant dimension for all images or automatically resize based on the size of the current image.
- The description can be under the image, on the side of it or can be disabled.
- The thumbs panel can be under the images, on the side of them or disabled.
- The arrows can be on the outside or on the inside.
- It has lightbox functionality included which can be enabled so that images are opened in a bigger view when clicked.
- It has autoplay support that can be enabled so that images are changed automatically at an interval of time.
- Keyboard arrows can be used for navigation.
- There are 25 JS settings available to be configured.
- It comes with 7 templates showcasing the gallery in different configurations.
- It is lightweight. The minified JS plugin file is under 15KB.
- It is fully responsive.
- It has cross browser support.
- It has smooth and fast animations.
- It is easy to work with and implement.
- It has continued support.
- And free updates.
Have a look over the preview page to see the gallery in action.
This is the jQuery plugin version of the gallery. A WordPress plugin version is also available here: Nice Gallery for WordPress.
Updates1.3.1 (05 October 2019):
- Added a new accepted value to the “defaultOpen” setting, called “random”, which will make the gallery open a random image by default.
- Moved the JS source file from the “Sources/js” folder to the “Main/nice-gallery/js” folder, next to the minified version.
- Added a new setting called “lightboxImageUrls” to be able to specify the image URLs for the gallery lightbox when using a lazy loader plugin on the page.
- Changed the “scrollTime” setting to “scrollAnimate” so that it now accepts an ease value as well alongside the time value.
- Added a new method called “scrollPage” which scrolls the page a certain position using the scroll animate settings.
- Added a new method called “onPageScroll” to be able to specify a function to be called when the page is scrolled.
- Added a new method called “onPageAutoScrollFinish” to be able to specify a function to be called when the page automatic scroll finishes.
- Added a new setting called “lightboxOnClick” to be able to specify the behaviour when the lightbox is clicked, either close it or show the next image.
- Added a new setting called “lightboxDevice” to be able to specify the type of devices that the lightbox is enabled for: “all”, “computer” or “mobile”.
- Added a new setting called “scrollToImage” to be able to specify if the page should scroll to the image if it is not in view on the page when opened.
- Added a new setting called “scrollDevice” to be able to specify the devices for which scrolling to the image is enabled for: “all”, “computer” or “mobile”.
- Added a new setting called “scrollTime” to be able to specify the time duration of the scrolling animation.
- Fixed an issue that was causing the lightbox image not to display properly on Bootstrap sites.
- Added the possibility to have links on the gallery images.
- Added support for autoplay. A new setting is available called “autoplay” which can be set to the image display time (in ms) or to false.
- Added 2 new settings called “insideArrowColor” and “outsideArrowColor” to be able to control which of the default arrow versions are used in each case, either “white” or “black”.
Added lightbox functionality which can be enabled so that images open in a bigger view when clicked.
There are 7 new settings available, related to the lightbox:
- lightboxEnabled: If the lightbox functionality should be enabled.
- lightboxDesc: If the lightbox should display the image description text.
- lightboxArrows: If the lightbox should have the prev and next navigation arrows.
- lightboxDescHide: If the lightbox should have the description text hidden by default and shown on mouseover.
- lightboxControlsHide: If the lightbox should have the controls (close button and navigation arrows) hidden by default and shown on mouseover.
- lightboxControlsColor: The color of the lightbox controls (close button and navigation arrows).
- lightboxAnimate: The animation parameters of the lightbox.
Added 5 new methods that can be called through the code:
- open: Opens an image based on the order number supplied.
- next: Opens the next image of the gallery.
- prev: Opens the previous image of the gallery.
- startAutoplay: Starts the gallery autoplay.
- stopAutoplay: Stops the gallery autoplay.
- Fixed an issue that was causing the right navigation arrow not to be positioned properly when the image description was on the side and the arrows on the inside.
- Other small modifications and improvements.