FlashBox – Just another box

Overview

Lightbox JS Flashbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.

Why Flashbox?

Perhaps you’re looking for a alternative for Lightbox / thickbox / graybox?
Or something that’s smaller then Lightbox, but with animation?

And because Flash can show the following images SWF, JPEG, GIF, or PNG files.
(Support for unanimated GIF files, PNG files, and progressive JPEG files is added in Flash Player 8. If you load an animated GIF, only the first frame is displayed.)
So LightBox will be better in animated Gif, because Flash will only show the first frame of the animated gif. But Flashbox can also show SWF files… So I’ll call it even.

But flash can also show .FLV and play .MP3 which of course is a big plus!

Features

• Show local images and images on other server
• Show a single image or a group
• Is active before all images on the page are loaded
• Key navigation
• Gallery thumbs for bigger jumps in a image-group
• index.html?debugflashbox=true
• index.html?sendafriend=http://www.jeffbots.com/judgedredd1.jpg
• index.html?noflashbox=true
• index.html?noie6block=true
• reset

back to the top

Download:

Download WordPress Plugin – Download FlashBox v1.4

Changelog

• FlashBox v 1.4 [2007-20-03] – FlashBox v1.4 – IE6 blocks content
• FlashBox v 1.3 [2007-12-03] – FlashBox v1.3
• FlashBox v 1.2 [2007-03-03] – FlashBox v1.2: fixed error with comma in title
• FlashBox v 1.1 [2007-26-02] – Fixed visibility bug FF2 (Apple)
• FlashBox v 1.0 [2007-13-02] – Initial release

back to the top

Examples

view a couple of examples

Single Images:

Enkeling || payday loan
paperRobots1999.com || Optimus Prime

Different sizeImages in one group:

ABC Warrior from Judge Dredd | robot 1 | robot 2 | robot 2 | Cylon from Battlestar Galactica | Robot B9 from Lost In Space |

back to the top

Todo and requests

I’ve moved this content to a post, which is much easier to manage.
So for request or an todo list, Flashbox – Todo and requests

back to the top

How to Use:

Nice to know: FlashBox is based upon Lightbox, and you don’t have to change all rel="lightbox" – tags because it will also work with FlashBox.
So if you are already using Lightbox and want to experiment with FlashBox, you can without changing anything.

If you are not using lightbox yet, but you’re not sure if FlashBox is all that, you can choose to use rel=”lightbox” because it’s backwards compatible
But I reather have you use rel=”flashbox” for officious reasons!

You can use FlashBox without a WordPress blog, just download the WordPress Plugin and extract the zip in the main folder (root folder) of your site, delete the wp-flashbox.php and follow the next instructions:

Part 1 – Setup

1. Flashbox uses a couple of Javascript file, don’t forget them to include in your header (place this between the and tags).

2. Include the Flashbox CSS file (or append your active stylesheet with the Flashbox styles).

Part 2 – Activate

1. Add a rel="flashbox" attribute to any link tag to activate the flashbox. For example:

   image #1

   Optional: Use the title attribute if you want to show a caption.

2. If you have a set of related images that you would like to group, follow step one but additionally include a group name between square brackets in the rel attribute. For example:

   image #1
   image #2
   image #3
   

   And because it also works with lightbox:

   image #1
   image #2
   image #3
   

   No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!

back to the top

Tested in

Apple

• Firefox 2.0.0.2 (fixed but not transparent)
• Opera 9.10
• Safari 1.3.2
• Camino 1.0.4

PC

• Firefox 2.0.0.2
• Opera 9.10
• IE 7.0
• IE 6.0 (non-constant behavior)
• IE 5.5
• IE 5.0.1: crashed, but I will never support this browswer

You can report bugs and requests at this post: Flashbox – Todo and requests.

back to the top

Thanx to:

People who deserve some props:

javascript

• Lightbox JS v2.0 – by Lokesh Dhakar
• SWFObject – by Geoff Stearns
• Browser detect – by Peter-Paul Koch [quirksmode]
• domFunction – by James Edwards [brothercake]
• ShrinkSafe – for shrinking my JavaScript

Flash

• SE|PY – SE|PY is a FREE ActionScript editor for Macromedia Flash files
• TweenLite.as – an excellent piece op work by Jack Doyle.

Misc

• Creative Commons – This work is licensed under a CC Attribution-Noncommercial-Share Alike 2.5 License.
• Simpla Theme – for a quick css page

back to the top

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.