Developing Facebook’s New Photo Viewer
Feb 11, 2011Stefan Parker

Summary
This post details the redesign of Facebook's Photo Viewer to improve reliability, reduce load times, and enhance user engagement. Key technical contributions include: a pop-up/lightbox overlay design to maintain user context, a two-tone layout with a dedicated space for captions and comments, CSS-based layout for positioning elements and scaling images to fit screen resolutions, separation of image and data fetches for optimized AJAX calls, prefetching of next images for faster loading, and using HTML5 data attributes to store full-size image URLs for immediate display.