Comments on: Lightbox2 & Flash AS3

By: MrMyles

MrMyles — Sat, 27 Feb 2010 00:34:52 +0000

Hi.

Lightbox is a script that resides on your server. You need to download it, configure it and upload it to your server. Once there, test it in a plain HTML file to ensure everything works. Instructions for this are provided with the Lightbox download.

The wmode tag is in the javascript for your Flash file. Setting it to Transparent allows whatever is below the Flash file to appear.

You should read and follow the update to this tutorial though.
http://www.creativecompulsions.com/blog/lightbox2-flash-as3-redux/

By: Essan

Essan — Fri, 26 Feb 2010 01:23:36 +0000

Hej man, your tutorials is amazing, and i realy need to understand everything, but unfortunately i’m not, cuz i’m new on this thing.

So i’m wondering, what do you mean with “Make sure u have lightbox installed in ur server”, and “Locate (or add) the wmode tag in your RunContent JavaScript and your Script Access Tag and set them to the following.”.. Can please explain a little bit, would be very nice of you, thanx!

By: MrMyles

MrMyles — Tue, 30 Jun 2009 03:06:32 +0000

Hi Andrew.

Here is a good tutorial using AS2.
http://blog.codefidelity.com/?p=18#comment-46693

By: Andrew

Andrew — Sat, 27 Jun 2009 12:14:04 +0000

Soz I didnt see that below the link.

K thats what I wanted to know as no one has said that anywhere.

do you know any gd ones *AS2 tutorials,vid wud be gr8 =)

also I want to put a caption underneath the picture and then have that next to go through other images.

By: MrMyles

MrMyles — Fri, 26 Jun 2009 15:40:14 +0000

Hi Andrew.

This is for AS3 (Action Script 3), not AS2. There are plenty of other tutorials for AS2 that work (and are easier) but this is just for AS3.

As I said, large images are stored on the server not in Flash.

PReview will not work, as you need to add code to the HTML file for the Lightbox effect. the Preview, does not allow you to edit the HTML file, as it creates it on the fly.

By: Andrew

Andrew — Fri, 26 Jun 2009 15:36:27 +0000

Thanks for getting back so quickly!! gd tutorial but i’m using actionscript2.0.

can u also answer my 2questions plz.

hope u can help

By: MrMyles

MrMyles — Fri, 26 Jun 2009 13:25:54 +0000

Hi Andrew.

See the revised tutorial here: http://www.creativecompulsions.com/blog/2009/01/07/lightbox2-flash-as3-redux/

There is a sample file there, and a demo of it here:
http://www.creativecompulsions.com/LightBoxFlash/

The thumbnails are in your Flash file, but the large images need to be on your server. You are direct linking to the images.

DaThumb.addEventListener(MouseEvent.CLICK,da_thumb);
function da_thumb(event:MouseEvent):void {
	trace("test");
	ExternalInterface.call("Design_Gallery", "your/image/link.jpg", "Membership Card");
}

Myles

By: Andrew

Andrew — Fri, 26 Jun 2009 10:32:13 +0000

Hi MrMyles,

I have been reading your thread and I’m still confused on how to use lightbox in Flash (i’m using cs4)

*Do you have to have your website uploaded to see lightbox working or does it work when testing in flash?
*also where do the bigger images go for lightbox as my thumb nails go in the flash file?

Please HELP!!
Cheers

By: Jon

Jon — Tue, 17 Mar 2009 18:50:54 +0000

use this code for the javascript, it will include the title for the image

 
function Design_Gallery(url, ttl) {
var imgLink = document.createElement('a');
imgLink.setAttribute('href', url);
imgLink.setAttribute('title', ttl);
imgLink.setAttribute('rel','lightbox','[Design Gallery]');
Lightbox.prototype.start(imgLink);
 
}

By: Thiago

Thiago — Wed, 11 Feb 2009 15:29:35 +0000

How can i attach a file into your contact form? Anyway, i’ll upload the file and sendo you the link to download the FLA (Flash Source Document).

Thanks