'%3e%3cpath%20d='M8%200C12.4183%200%2016%203.58172%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58172%2016%200%2012.4183%200%208C0%203.58172%203.58172%200%208%200ZM11.6162%204.38379C11.2257%203.99337%2010.5927%203.99338%2010.2021%204.38379L8%206.58594L5.79785%204.38379C5.40732%203.99334%204.77429%203.99329%204.38379%204.38379C3.99331%204.77429%203.99335%205.40733%204.38379%205.79785L6.58594%208L4.38379%2010.2021C3.99348%2010.5927%203.99341%2011.2257%204.38379%2011.6162C4.77426%2012.0066%205.40734%2012.0065%205.79785%2011.6162L8%209.41406L10.2021%2011.6162C10.5927%2012.0066%2011.2257%2012.0067%2011.6162%2011.6162C12.0067%2011.2257%2012.0066%2010.5927%2011.6162%2010.2021L9.41406%208L11.6162%205.79785C12.0066%205.40735%2012.0066%204.77429%2011.6162%204.38379Z'%20fill='%23080E17'%20fill-opacity='0.46'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3761_713'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
How to Create a 360-Degree Image Gallery in SharePoint
Question details
The user wants to display multiple 360-degree images in a single, browsable gallery layout instead of adding individual 360-degree image web parts or forcing viewers through a lengthy virtual tour.
- Product
- SharePoint
- Device & OS
- not provided
- Scenario
- Designing and publishing a SharePoint intranet page that requires users to browse through multiple 360-degree photos.
- Observed behavior
- Adding a separate 360 Image web part for every single photo severely clutters the page layout, while using Tour Builder creates a rigid, inconvenient browsing experience for the audience.
Ensure you have 'Edit' permissions for the SharePoint page and sufficient privileges to upload new files to the site's default Document Library.
Use a Document Library Folder and the Image Gallery Web Part
This method prevents page clutter by organizing your 360-degree panoramas into a central folder and utilizing SharePoint's native gallery viewing tools.
Instead of placing individual web parts for each image, consolidating them into a dedicated folder allows the Image Gallery web part to dynamically pull and display them in a clean, browsable bar or grid layout.
Navigate to 'Site Contents', open your 'Documents' library, and click 'New' > 'Folder'. Name it appropriately (e.g., '360 Gallery Images') and upload all your panoramic photos into this folder.
Go to the specific SharePoint page where you want the gallery to appear and click the 'Edit' button located at the top right corner.
Hover your mouse over the page canvas until the '+' icon appears. Click it, search for 'Image Gallery', and select it to insert the web part onto your page.
Click the pencil icon next to the web part to open the property pane. Under 'Select images', choose 'Document library' or 'Folder', and navigate to the folder you created in step 1.
Adjust the layout to 'Carousel' or 'Grid' based on your preference, then click 'Republish' or 'Publish' at the top right to make the gallery live.
Deploy a Custom SPFx 360-Degree Gallery Web Part
If you need a fully interactive, drag-to-pan 360-degree browsing experience embedded directly in the gallery grid, a custom SharePoint Framework (SPFx) web part is the best approach.
Manage Your Documents Efficiently with WPS Office
While SharePoint is excellent for hosting intranet sites and galleries, you also need powerful tools to create, edit, and manage the underlying documents stored in your libraries. WPS Office is a lightweight, highly compatible alternative to Microsoft Office that easily handles all your documentation needs.
Frequently Asked Questions
Why do my 360-degree images look flat in the standard Image Gallery?
The built-in SharePoint Image Gallery web part primarily handles standard 2D image previews. It may display 360-degree equirectangular images as flat panoramas. To get the interactive drag-to-view experience directly on the page, you must use the native '360 Image' web part or a custom SPFx solution.
Can I mix standard photos and 360-degree panoramas in the same SharePoint folder?
Yes, you can store both types of images in the same Document Library folder. However, if you are connecting that folder to a specialized 360 viewer web part, standard photos might be stretched or distorted. It is highly recommended to keep 360 images in their own dedicated folder.
Is there a limit to the number of images the Image Gallery web part can display?
The standard Image Gallery web part can handle hundreds of images from a Document Library. However, for optimal page loading speeds and user experience, it is best practice to configure the web part to display a limited number of items at a time or use the 'Carousel' layout.
