Versions (2013-02-15) (Downloaded 192 times)


  • ScriptyLightbox2 (item-action) - v. 0.8.3
  • ScriptyLightbox2 (action) - v. 0.8.3

Compatible: Pro 4, Pro 5, and Pro 5.5 (2012-12-18) (Downloaded 2 times)


  • ScriptyLightbox2 (item-action) - v. 0.8.2
  • ScriptyLightbox2 (action) - v. 0.8.2

Compatible: Pro 4, Pro 5, and Pro 5.5 (2012-11-22) (Downloaded 1 time)


  • ScriptyLightbox2 (item-action) - v. 0.8
  • ScriptyLightbox2 (action) - v. 0.8

Compatible: Pro 4, Pro 5, and Pro 5.5 (2012-08-22) (Downloaded 0 times)


  • ScriptyLightbox2 (item-action) - v. 0.7.4
  • ScriptyLightbox2 (action) - v. 0.7.4

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


  • ScriptyLightbox2 (item-action) - v. 0.7.2
  • ScriptyLightbox2 (action) - v. 0.7.2

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


  • ScriptyLightbox2 (item-action) - v. 0.7.1
  • ScriptyLightbox2 (action) - v. 0.7.1

Compatible: Pro 4, Pro 5, and Pro 5.5 (2012-03-22) (Downloaded 0 times)


  • ScriptyLightbox2 (item-action) - v. 0.7
  • ScriptyLightbox2 (action) - v. 0.7

Compatible: Pro 4, Pro 5, and Pro 5.5 (2011-12-12) (Downloaded 0 times)


  • ScriptyLightbox2 (item-action) - v. 0.6

Compatible: Pro 4, Pro 5, and Pro 5.5 (2011-06-13) (Downloaded 0 times)


  • ScriptyLightbox2 (item-action) - v. 0.5.1

Compatible: Pro 4 and Pro 5

Author: Walter Davis

developer javascript css effects prototype lightbox scriptaculous ajax

This is a complete re-write of the ScriptyLightbox Action. It does less than the original, but hopefully will be more useful for that limited set of functions.

To use, create a thumbnail image on your page. Apply the Action to this image, and in the Actions palette, choose the file you want to open when you click that thumbnail. You may use any of the following formats:

  • JPEG
  • PNG
  • GIF
  • MOV
  • M4V
  • MP4
  • SWF

You may also use a page, either within the current site or at another site. To use this feature, check the “Use Page/URL as Target” checkbox, then choose your page or enter a URL.

Enter the height and width of the original file in the fields provided. For plug-in content, this will be the fixed size that the movie plays at, so you should choose a size that is smaller than the minimum screen size you’ve used to design your page.

For pixel-based media, the final image will be resized downward to fit the screen if necessary, but you should still try to keep the dimensions down to a reasonable size in order to avoid lengthy load times for your visitors.



This is GREAT !

Can you make it to play WMV files too?

Good work Eyal

I could, if there was enough demand for that sort of thing. The primary motivation for making this Action was to create an iPad-friendly player effect. WMV is not iPad-friendly by any stretch of the imagination. The original ScriptyLightbox can handle WMV if you need that.


I used ScriptyLightbox2 for displaying pictures. problem is Internet Explorer, it will not display correctly :(

Can you post a link? How large are these full-size pictures? If they are large enough, the file will not have downloaded by the time the script fires, and so the script will not be able to determine the pixel dimensions of the image.

Walter, thanks for the great script. How does one make a quicktime autoplay when clicked? I've tried setting the presentation mode in QT but this makes no difference. You managed to do it on the demo page - but how??????

Thanks again


There's nothing to do except the following: make sure you have enabled Fast Start for Web when compressing your movie file, and make sure that your movie file is small.

here's a link - might help…

I just looked through the code, and it appears that the Action sets autoplay="false" deliberately. You could open up your copy of the Action and change this if you like, or you could wait until I have some time to add a control to the Action for this.

The reason my example auto-plays is because it didn't set anything at all, so the browser could just decide what to do (usually autoplay).

I just pushed a new version, you should try it out. This adds a checkbox to control auto-play.

Wow, thanks Walter! On another note, do you have any suggestions on how I can get the window to open more quickly. At the moment it seems to take a few seconds to open, and I know how impatient some of my clients are! Can one pre load the script or films?

Thanks again for you help


Or maybe if it's the size of the qt files can we spec a holding jpg 'loading…' which switches to the qt when it runs??

thanks again

The pause at loading is required, and in some cases it's not long enough – particularly for large movies.

There's still plenty of room for improvements in this Action – it hasn't even made it to 1.0 yet, so keep those suggestions coming!

Cool, I realise that the video will take time to load - what I was wondering is if the zoom window could happen instantly? Otherwise people will keep clicking on the small icon thinking nothing is happening. Thanks Walter G

This is totally on my list of things to find a usage for.

The delay is there because there has to be a certain amount of the file downloaded in order for the JavaScript to grab the dimensions and build the appropriate-sized display box for that movie or photo.

Walter, I fully understand your older "ScriptyLightbox" action allows for links, but that older version has its own set of problems. There is no drop shadow. It's slow to open the media, in part due to the special effects. And there are no rounded corners. Your newer version doesn't have those problems. But alas, ScriptyLightbox2 does not allow me to add text links or graphic links. So could you please add that to the feature set?


I was wondering if I could use a mark-up item with this Action. I was playing with it but I couldn't figure out how to make it work. Any ideas? Thank you all for the help. Either way, I love this Action.

I'm not sure what you mean. Do you want to apply the Action to a Markup Item? Or do you want to inject the contents of a Markup Item into the popped "window"?


Hi Walter- Can this link to a gallery slideshow, similar to the scrollable images that showcase provides?

If you link it to another page in your site, you can create this effect. The popup will contain an iframe, and within that iframe you could load a carousel or fading slideshow or pretty much anything else. Just be aware that you may be putting an enormous stress on the browser, because the content of that iframe counts as an entire separate page, and if it loads a zillion bits of JavaScript animation code along with your many photos, on top of the size of the page that's calling it into being, you're getting into a serious load that the browser may deal with poorly or not at all.

Hi Walter, nice script! Instead of black I would like to have the background color white. Any chance ? Thanks!

not sure if this is covered. in osx lion the player is sleek and lovely, in earlier versions of the mac osx, the horrible quicktime player control bar is displayed. is there a way to ensure what play bar everyone will see? i prefer the sleeker one in osx lion.


No, the player bar is drawn by the QuickTime plug-in, not the Action. All that the Action does is write the correct HTML for an embedded movie. If you want cross-platform movie loveliness, I recommend either the VideoJS or the SublimePlayer Action.

is there anyway that the pop up window that plays or shows the media can be moved on the screen once it is up, but dragging the mouse?

Sign In or to comment.