This webpart will allow you to create a image gallery with lot of options. These are beautiful galleries options with responsiveness and configurations.
In this webpart, there are 3 types of gallery views, which will help you in desiging your SharePoint page more attractive and more meaningful
- Lightbox Layout
- Carousel layout
- List Layout
- Add Captions to the images
- Create redirect links with any view
- Add description to the List layout for more information
- Choose source from the current site or any other site
- Option to choose from multiple document libraries
- Option to choose from the number of images
- Option to choose from the auto-rotation and the duration in the carousel layout
- Option to choose from number of images in a row, set as per your area
This layout is a flexible layout where multiple images can be displayed in a small area. You have the option to choose the number of images in a row, which will make more configurable to suite your needs and ofcourse you have the option to choose the number of images as well. Below is the glimpse of it.
New improved carousel effect, which makes it more appealing. Choose from the option to auto-rotate or keep it manual. Displays the number of items in the carousel and choose the speed of the auto-rotation.
This layout is more informative with an image to attract the type of information. Create redirect link to navigate user if they want to know more.
Document library with below columns
| Column Internal Name | Column Type |
|---|---|
| Enable | Yes/No |
| Description | Multiple lines of text |
| RedirectLink | Single line of text |
| Caption | Single line of text |
| Version | Date | Author | Change Log |
|---|---|---|---|
| 2.0.0.0 | 23 Sep 2020 | Sumit Kanchan | Updated to spfx version 1.11.0 |
| 2.1.0.0 | 23 Sep 2021 | Sumit Kanchan | Updated to spfx version 1.12.1 |
THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.
Happy Coding...!!! 👍
- Sumit Kanchan