Note: There are no new demos added at this point and this site is in maintenance mode
start svg demo download
cr4.0 ff3.5 sa4.0 o10.5

Light Table

author: Vincent Hardy posted: October 04, 2009 at 03:00 PM categories: animation, interactive view comments

Download Video: WebM | MP4 | OGG

Like the Photo Album demo, this demo shows how SVG can be used to render images retrieved from the Flickr interesting photo source and provide a dynamic, interactive user experience.

This demo leverages the Yahoo YUI library with extensions to make it work with SVG elements, in particular to allow the animation of the transform attribute.

The magnifier effect used in this demo was inspired by Jared Tarbell's text sphere.

See attributions for details on the YUI library.

Running the demo

Click on the "Start SVG Demo" at the top of this page. When the demo has loaded a first page of images, click on the 'prev' or 'next' links at the bottom left of the page to load a new page.

WARNING: the demo runs very slowly in Firefox as of version 3.6.

blog comments powered by Disqus