Panorama Viewer
This gallery display was developed as a personal project with the goal of producing an engaging interface for users to browse and explore panoramic photos. When images are expanded, the visitor is able to drag horizontally to pan across the full scene and explore its details.
The layout is informed by both Apple's iOS Photo app and Google's Image Search results page. Columns shift to adjust for available screen real estate and the screen centers on the full-size view when opened.
Built using HTML, JavaScript and CSS (SASS), the site also uses the Adaptive Images PHP library to generate smaller versions of the thumbnails on the fly. To keep the page's initial download size reasonable, only a subset of images are downloaded with the remainder being lazy loaded as necessary.