Dozens of Javascript plugins exist that can do panoramic image viewers. But many of these run on hugely complicated code bases that easily "glitch-out" and break in RapidWeaver. And a lot of these panoramic image viewers are not mobile compatible or have appalling usability standards (like stealing mouse focus or replacing images with canvases), often without any adequate fallbacks as a safety net. Some only accept images in formats that are difficult for the average RapidWeaver user to create. They are just not conducive to the high quality websites we want to create!
Panorama is different. This stack is pure HTML and CSS. It weighs less than 1 KB! Yet it offers a friendly panoramic image viewer that everybody can access. No nasty surprises. Panorama uses some ground breaking CSS code like scroll snapping (to safely enhance the scrolling) and clamp sizing (to fine-tune the responsiveness). The end result is a near indestructible panoramic image viewer made to stand the test of time.
Panorama is different. This stack is pure HTML and CSS. It weighs less than 1 KB! Yet it offers a friendly panoramic image viewer that everybody can access. No nasty surprises. Panorama uses some ground breaking CSS code like scroll snapping (to safely enhance the scrolling) and clamp sizing (to fine-tune the responsiveness). The end result is a near indestructible panoramic image viewer made to stand the test of time.
Examples
The first example demonstrates how Panorama can be used to display a long photograph. The second example displays several normal images that can be scrolled horizontally and use some 'scroll snapping'.





Whenever using Panorama, it would be a good idea to include a label below the stack, informing users that they can scroll the photographs. Some web browsers and operating systems don't display scrollbars.