Family Photos

Rombots

Family Photos lets visitors to Rombots.com view a virtual slide show of retro tin robots.

In the strictest sense, users of Family Photos can view a virtual slide show of all the retro tin robots in the Rombots collection. This dynamic-HTML viewer uses HTML, CSS, JavaScript, jQuery, and JSON to deliver a seamless interactive experience to the user. When the user clicks or taps next or back on the slide projector remote, the current slide fades to the dimmed version and slides off the screen, followed by the new slide moving in and fading up to the fully lit version. The user can continuously cycle through all the slides in order going in either direction, just as if viewing from an old-fashioned slide carousel.

Using JSON as a data source makes it easy to add new images as the collection grows. The JSON data defines the display order, file names, and titles of the robot photos, all of which can be added to, or modified, without altering the app's codebase. The slide projector sound effects are played dynamically using HTML5 audio.