Versions (2012-05-08) (Downloaded 150 times)


  • ScriptyLightbox (item-action) - v. 0.4.2

Compatible: Pro 4, Pro 5, and Pro 5.5 (2012-05-05) (Downloaded 3 times)


  • ScriptyLightbox (item-action) - v. 0.4.1

Compatible: Pro 4, Pro 5, and Pro 5.5 (2011-12-12) (Downloaded 1 time)


  • ScriptyLightbox (item-action) - v. 0.4

Compatible: Pro 4, Pro 5, and Pro 5.5 (2010-11-02) (Downloaded 1 time)


  • ScriptyLightbox (item-action) - v. 0.3.11

Compatible: Pro 4 and Pro 5 (2010-11-01) (Downloaded 3 times)


  • ScriptyLightbox (item-action) - v. 0.3.10

Compatible: Pro 4 and Pro 5

Author: Walter Davis

prototype lightbox scriptaculous ajax flash quicktime

A lightbox effect that works with Scriptaculous, and can easily handle nearly any type of content you can throw at it.

Works with QuickTime, Flash, Windows Media, all Web image types, and more. Even works with forms and other HTML pages.

To use, apply the Action to an HTML item that contains links to the content you wish to show in the lightbox. (For an easy lightbox of photos, draw an HTML box and apply the Action to it. Insert inline graphic boxes for your thumbnail images, then apply the built-in Graphic Link to File Action to each thumbnail image to create the link and upload the large image in one step.)

Links may also be regular text links – there’s no requirement to use images as your trigger. You may also apply the Action directly to an image (if that image has a link applied to it).

QuickTime and Flash

QuickTime and Flash need a little extra help. The Lightbox window needs to know what size to make itself when it opens, but QuickTime and Flash don’t communicate their dimensions until they are loaded into the browser – so it’s a Catch-22. In the Actions palette, you can set the dimensions for these content types by entering the largest width and height, and checking the Controller checkbox if you need to add height for the QuickTime controller.


Would be nice to adjust the colour and contents of built-in text parts ("loading or cancel", "close"). Ideally allow to replace them by customizable images.


I can not seem to make this work - sorry

Applied the Action to some pictures on website. Pictures open without problems in "Preview in Browser" in Freeway, however, nothing happens when uploaded on web.

Try holding down the Control key and select Publish Everything… from the File menu. Then upload your site again. It sounds like the large image files aren't being uploaded to your server.

This action does not work consistently with IE -some photos are okay, some are stretched, some too small, etc. Seems to work fine with Safari and Firefox. But without IE, I can't use it. Any suggestions?

When linking this to an HTML file, it doesn't use the background color of the HTML file, and the text is really poorly formatted. It looks like it is showing it as plaintext with terrible (overlapping) formatting, rather than an HTML file.

If you link to an HTML file within your site, you have to apply the PHP Make Insert Page Action to that HTML file, and you should check the Preserve Head Content checkbox in that Action. If you link to an external site, then an iframe is created, and neither of those steps are required.

The above fix doesn't seem to work for me. The internal page still just loads without the lightbox activating (click either of the "Read more" on

Whatever you are using for caching (whatever is modifying the URLs in the script tags to include the word pagespeed) remove it from the page and see if the problem goes away. That seems to be the issue from here.

Hey Walter…it's me again. I'm having no luck creating my in-page lightbox (like Will any of your actions work to help out? I did get the first one to work (rollover + Target Show/Hide) but I have 4 more and I can't make it work. I'll keep trying, but thought you may have something that will help me create an in page lightbox…I'm close to giving up..but I KNOW it can't be that hard, just a matter of doing it perfectly correct. Thanks again…sorry to be a pest.

Sign In or to comment.