This page shows a technique for creating Zoomable Lightboxes by Jeremy Ruston of Osmosoft. It works on recent versions of Webkit, including Safari 3.1+ and Google Chrome (and works best on Safari 4.0).
To use it, click on any of the images below. Instead of the thumbnail popping up a lightbox, the display should zoom until the image fills the window. You can then click again to zoom back out to the whole page. It's an experiment, and has lots of holes, but it illustrates a cleaner way to expand thumbnails, and doesn't introduce a brand new entity that users need to interact with, as with a conventional lightbox.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nisl ligula. Morbi sagittis felis at est semper sodales. Nunc eu iaculis dui. Vestibulum hendrerit, turpis ut sollicitudin varius, erat nisl pulvinar lacus, et mollis nunc diam id elit. Mauris in quam eu neque vulputate aliquet in non sem. Nulla consectetur iaculis libero, et luctus velit molestie id. Etiam nec tincidunt quam. Donec eu libero tortor. Etiam vitae justo sem, a vestibulum dolor. Vestibulum tempor elementum urna, vitae sodales orci venenatis in. Phasellus at est ac dolor egestas semper. Donec vel elit ut mauris sollicitudin malesuada a id nibh. Integer auctor placerat mi in ultrices. Nunc venenatis dictum tellus vel ullamcorper. Aliquam vestibulum sodales sem eu suscipit.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent porta ante id erat vehicula posuere. Nunc tortor dui, dignissim iaculis aliquet eget, consectetur eget eros. Mauris ac lacus odio, quis porttitor dolor. Mauris rhoncus dui sed ante ultricies non egestas dui blandit. In vel nisl non nisi rutrum tempor sed eget nulla. Ut auctor pharetra mattis. Praesent congue sapien eu elit bibendum vel luctus quam rhoncus. Integer dignissim adipiscing arcu in ornare. Donec vel massa metus. Sed posuere placerat nisi eget faucibus. Sed justo tortor, feugiat eget condimentum at, ullamcorper eleifend massa. Nunc sodales urna vitae risus porttitor eu scelerisque nisl ultricies.
Suspendisse ultricies congue ullamcorper. Suspendisse id odio mi, vel adipiscing nisi. Cras pharetra tortor eget erat posuere vulputate. Duis in enim lectus, nec malesuada augue. In vitae felis lorem, eget malesuada lorem. Maecenas erat mauris, porta vel pharetra ut, dictum sit amet ante. Morbi eleifend, elit nec cursus fringilla, neque eros laoreet nulla, non elementum turpis tortor vel risus. Suspendisse congue convallis ipsum sit amet interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse potenti. Nullam nec porttitor ligula.
Sed at hendrerit lorem. Vivamus lorem justo, convallis vel dignissim et, ullamcorper eu lectus. Morbi sed odio non ipsum feugiat mollis eget ac ante. Cras sollicitudin libero at eros sodales ac feugiat turpis lacinia. Mauris et venenatis libero. Pellentesque eu leo sapien. Maecenas et arcu felis. Cras vitae tellus leo, ac tempor arcu. Fusce auctor congue lacus eget laoreet. Aenean a tortor eu arcu faucibus fermentum. Phasellus odio tellus, molestie ac dictum eget, commodo ac nunc. Mauris in velit et est malesuada posuere vel eu nisl. Duis pulvinar fermentum justo in ultrices. Suspendisse potenti. Fusce ullamcorper dolor et felis elementum accumsan. Donec nisl sem, viverra quis lacinia et, faucibus nec velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
In hac habitasse platea dictumst. Praesent ut faucibus ipsum. Etiam ut elit diam, eget tincidunt ligula. Nam sagittis ante vitae ipsum elementum pulvinar. Curabitur augue lectus, adipiscing ac aliquet ut, semper non lorem. Aenean ut dui vel velit faucibus dapibus. Duis at ligula dui. Donec euismod est eget neque adipiscing lobortis. Vivamus luctus auctor ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam euismod vulputate neque id cursus.