Introducing SWF Lightbox
Posted by James to Flash/Actionscript on August 13th, 2008
SWF Lightbox allows you to view hi-res images in true fullscreen mode using Flash's StageDisplayState.FULL_SCREEN functionality.
When SWF Lightbox is activated, you can cycle through other images on the page with a mouse click, and press escape as normal to exit fullscreen mode.
Here's a wee demo using SWF Object 2.0 and the default colour scheme:
And another with a custom colour palette applied to the button:
Visit the SWF Lightbox download page for v0.2, full instructions, and a list of planned features. Top of the list right now are jQuery and Wordpress versions.
SWF Lightbox originated during a project for London photographer Lee Mawdsley, which demanded a way to view fullscreen images whilst retaining the normal functionality of jpgs that graphic-designer-types love (eg right click and save, or drag to desktop). Because JavaScript-based solutions like Lightbox and Thickbox are limited by browser width, we turned to Flash to make use of the entire screen width.
Comments
-
Marque Digital
Categories
- Design (1)
- Flash/Actionscript (2)
- General (1)
- PHP (2)
- Project Launches (2)
- UX (5)
-
Recent Articles
-
Who We Are
- Marque is a branding consultancy working collectively across three studios in Glasgow, London and New York.
- This is the blog of our digital team.
-
Navigate
View our full portfolio
Subscribe to our RSS feed
Contact us
Cam on August 13th, 2008 at 6:19 pm
Nice one!
Hopefully there’ll be a few more open-source projects coming from the digital folks soon.
James on August 14th, 2008 at 11:59 am
Cheers.
I’m going to use TweenLite for the next version, judging by this speed test it’s three times faster than Tweener.
KJ on August 21st, 2008 at 10:38 am
This is pretty awesome. Works really well. Look forward to seeing future features.
Og2t on August 21st, 2008 at 12:12 pm
Nice one! You might want to enable bitmap smoothing for fullscreen images though, looks a bit rough with lo-res pictures.
Cam on August 21st, 2008 at 12:26 pm
We’ll definitely look into that Og2t, look out for v0.2 soon ;)
Lee Mawdsley - Marque Digital on August 28th, 2008 at 4:48 pm
[...] to be expected. To address the browse-images-in-full-screen-mode issue we used Marque’s very own SWF Lightbox. All of the javascript animation was taken care of by script.aculo.us. Screenshot of SWF Lightbox [...]
matthew fedak on November 5th, 2008 at 12:53 pm
Very interesting indeed will be keen to see how this one develops, in partiuclar when images of different sizes are used, can the position of the flash button be calculated etc, via simple php script that gets image size and takes it from there etc
James on November 7th, 2008 at 10:36 am
Cheers Matthew. We’re working on a jQuery version right now, that’s a great idea for it.