I am trying to figure out how to create a larger gallery of panoramic images (around 1100). My thoughts was to create a two level system where the user navigates a carousel with lists of locations based on the year the image was shot, and when clicking on a line of text in the carousel, a map of icons would occur in the yellow field, being the interface to the individual pano. Each location will have between 1 and 50 panorama photos. Some 360x180. Some partial.
Having limited web dev experience, I would appreciate how you would address a challenge like this. Or are there others ways of solving this problem that I have not through about?
Let’s proceed step by step, because your request involves several things.
Do you need to project panoramic images so they can be explored? Or do you just want to publish the flattened panoramic image?
Element doesn’t currently offer a built-in projector, but you can create a custom one and embed it via HTML widgets. This is possible, but it would mean creating a lot of them. The alternative is to create a dynamic one that loads data from a database connected to the project.
Thank you for replying, @MultiThemes. I was thinking creating some custom code to let users interact with the spherical version, not only looking at the flat equirectangular image.
And yes, my problem may mainly be the number of images here and their combined size. 1100 is a lot. And especially if the files are around 10MBs per image. 11GB of data is a lot. Maybe if I selected a single image from the around 100 scenes I have shot so far would be a more manageable project.
So given that I have the URLs to around 100 spherical panos. Is there a preferred javascript library to create a presentation layer (thumbnail matrix or map) before the user is presented with the final image?
Producing a component to load panoramas is possible, but working on database management is more complicated. You could first try building a projector. Now how do you manage the panos in the current site??
