Lightbox Help Plz
So i am not a very good coder in any language, can't really code at all, and this is the first time i've tried using Lightbox for flash and i was wondering if there is anyone who might know a site or forum with a detailed outline on how to use it cause i was reading their site and the txt file that comes with it and i find the part about wmode confusing. I just can't figure out how to get it to work right. So if anyone has any ideas they could throw my way i'd really appriciate it..
if there is anything i can add here to help you understand the question better just let me know.
Thank you in advance
FlashKit > Flash Help > Flash Newbies
Posted on: 05-01-2007, 01:40 AM
View Complete Forum Thread with Replies
See Related Forum Messages: Follow the Links Below to View Complete Thread
[CS3,AS2] .swf In Lightbox?
Is it possible to display a swf inside of a Lightbox "pop-up"?
Or if not "Lightbox", is there a "Lightbox" for displaying Flash?
Thanks
(Attending MOD - if this would be better in a different section, feel free to move it)
Lightbox Help
I am trying to figure a way to call a lightbox in flash. I'm using the Lightbox Gone Wild Javascript which is very easy to use. But, I'm not sure how to call it in flash. I'm not that versed in actionscript so I'm not to sure where to start.
In html, it is called by th use of a class for example.
HTML Code:
<a href='test.html' class='lbOn'> Open Page </a>
Can someone give me an idea of how to call the target page in the lightbox. I'm not sure if it's a version of getURL() or ExternalInterface
If any one can help me. That would be great.
Thanks
Lightbox And AS3
Hi
I have been using lightbox to enlarge my images (http://www.huddletogether.com/projects/lightbox/) works fine with
AS2 but I can't get it working with AS3 and the new URL Request.
Can anyone see why:
Attach Code
var openImage:URLRequest = new URLRequest("javascript:flashLightbox('images/jenson.jpg','Jenson in Action');");
test_mc.addEventListener(MouseEvent.CLICK, onButtonClick);
function onButtonClick(event:MouseEvent):void
{
navigateToURL(openImage);
}
test_mc.buttonMode = true;
Lightbox JS
I was wondering if anybody else is having issues with Lightbox JS appearing above flash content? For some odd reason the SWF is half covering the pics in my lighbox.
JH
Lightbox With AS3
Been using Lightbox (http://www.huddletogether.com/projects/lightbox/) to enlarge my images, works fine with AS2 but I just can't get it working with AS3.
Can you see anything wrong with the code:
Code:
var openImage:URLRequest = new URLRequest("javascript:flashLightbox('images/jenson.jpg','Jenson in Action');");
test_mc.addEventListener(MouseEvent.CLICK, onButtonClick);
function onButtonClick(event:MouseEvent):void
{
navigateToURL(openImage);
}
test_mc.buttonMode = true;
Lightbox With AS3
I'm trying to use lightbox from AS3, but I can't make it to work...
The code I have is:
Code:
_contenedor.but.addEventListener(MouseEvent.CLICK,callJS);
function callJS(event:MouseEvent):void {
ExternalInterface.call("PopFromFlash", "images/thumbs.jpg");
}
but it doesn't work. The screen goes black and that's it, it doesn't show any picture. I already have added params.allowscriptaccess = "always"; in the swfobject...
And this is the js function that calls the lightbox, which it's actually called because it popups the alert
<script type="text/javascript">
function PopFromFlash(url) {
var imgLink = document.createElement('a');
imgLink.setAttribute('href', url);
imgLink.setAttribute('rel','lightbox');
Lightbox.prototype.start(imgLink);
alert("Test function");
}
</script>
Any help will be really appreciated.
Lightbox
there may be a simple answer to this question but i haven't had time to research enough, but i'm looking to put what would be lightbox java script into a flash website. how is this done or where can i go to find out how to accomplish this?
thanks-
L94
Flash Lightbox?
I am trying to imitate the Javascript Lightbox features onto Flash, however I am stuck on a few spots of actionscript coding.
- Constraining the Image to a Thumbnail.
As an quick preview to the images, I need to constrain or resize it. However, the filesize of the image remains equal to the full size of the image. Is there any way to reduce the filesize to the puny thumbnail number?
My current Ideas now is using the loadmovie syntax and ajusting the _x, _y scale.
Any help is appreciated!
Lightbox 2 (From Within Flash)
I'm trying to use Lightbox 2 from within flash, however obviously I can't setup a URL like this inside of flash...
[html]<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>[/html]
Does anyone know of a way to do this using Lightbox 2 and Flash 8 Pro?
Thanks
Flash Lightbox Help
Is there anyone who knows how to use this because i can't figure it out and i havn't been able to find a tutorial with a walkthrough and not being a great coder or anything i've having no luck getting it to work.
if you think you can help me let me know and i'll explain my problem a bit better. trying to keep this short.
thanks in advance
Lightbox With Flowlist
I am trying to call lightbox from flow list which uses xml you can see here at http://www.ahgrafx.com/interface.html I have found flashlightbox but i am confused at the fact that it uses xml so i dont know how to incorporate the code. thanks
Xml And Video Lightbox
okay - here is my question - i have a html page that uses a lightbox effect, when you click on a link.
i have also inserted a swf into the html file - the swf is an image wall effect that has thumbnails (called in from an .xml file) and if the thumbnail is clicked the swf opens a url. i want the link/jpg/video to open in the lightbox - and not a new window.
so - where do i change the code to make the flash/swf functions to open lightbox?
the link in html that works is this:
PHP Code:
<a href="gallery/spider-man3-trl3.mov" class="lightwindow page-options" params="lightwindow_width=640,lightwindow_height=320" ><strong>Quicktime Movie Example</strong> - 20MB Local File!</a>
in my .xml file the items look like this
PHP Code:
<thumbnail filename="096_3d_cylinder_box.jpg" url="http://images.apple.com/movies/dreamworks/transformers/transformers-tlr4_h.640.mov" target="_blank"
and the function for the thumbnail in my .fla is this:
PHP Code:
function p_click(me:MouseEvent) { var sp:Sprite = me.target as Sprite; var s_no:Number = parseInt(sp.name.slice(8,10)); navigateToURL(new URLRequest(url_list[s_no]), url_target_list[s_no]);}
which one of these needs adapting to make the mage/vid fire from the .swf?
Lightbox Question?
I am new at coding AS3 and I am having some trouble coding a button to open a image using lightbox. the following is my code...
ActionScript Code:
stop();
import flash.events.MouseEvent;
import flash.events.Event;
import flash.external.*;
import flash.net.navigateToURL;
Pic1.addEventListener(MouseEvent.MOUSE_OVER, glowpic1);
Pic1.addEventListener(MouseEvent.CLICK, bigpic1);
Pic1.addEventListener(MouseEvent.MOUSE_OUT, unglowpic1);
function glowpic1(event:MouseEvent):void{
gotoAndPlay(2);
}
function bigpic1(eventObject:MouseEvent):void {
navigateToURL( new URLRequest("javascript:SWFDelegate('images/gallery/Pic_1.jpg','450','380','Strong')"));
}
function unglowpic1(event:MouseEvent):void{
gotoAndPlay(6);
}
For some reason it will not work and use lightbox, it opens a new browser window and it is completely blank. Lightbox is setup correctly as coding a simple a href works. I have an example here. Any help would be nice. Thanks in advance.
Lightbox Not Working In IE With AS3
This is driving me nuts, I've been messing about with this now for hours I must have been on every flash forum and blog to try to find the answer.
I've been using Lightbox with AS2, works a treat in all modern browsers, my latest project is using AS3, so I'm using the external call reference, my code is at the bottom of this post.
This works fine in Safari and Firefox but it just won't work in IE 6 and 7, I just get an error on page in the browser status bar.
Like I said I have looked into this and some people seem to be getting Flash to call a function in the HTML like this
<script language="JavaScript">
function SWFDelegate(url,width,height,caption) {
var objLink = document.createElement('a');
objLink.setAttribute('href',url);
objLink.setAttribute('rel','lightbox');
objLink.setAttribute('title',caption);
if(typeof width != 'undefined') {
objLink.setAttribute('width',width);
}
if(typeof height != 'undefined') {
objLink.setAttribute('height',height);
}
Lightbox.prototype.start(objLink);
}
</script>
I've used both methods, I can get both to work but neither of then in IE, in AS2 just a simple getURL works, does anyone know why??
I'm getting to the point where I might just load in the section of the page as an AS2 file but I really don't like to bodge things like this.
Please help!
Attach Code
test_mc.addEventListener(MouseEvent.CLICK,callJS);
function callJS(event:MouseEvent):void
{
ExternalInterface.call("flashLightbox", "images/jenson.jpg", "Jenson in Action" );
}
test_mc.buttonMode = true;
Lightbox In Flash.
I dunno if any of you are familliar with Lightbox at all? http://www.huddletogether.com/projects/lightbox2/
I'd like to be able to call this from Flash. It works well in an "<a>" tag in HTML.
As an example: <a href="gallerypics/Juniors2001.jpg" rel="lightbox" title="juniors 2001" >
where I can use a rel and title tag to call the necessary scripts.
Is there any way of including rel and title tags in flash along with the regular link?
Adding The JS2.0 Lightbox
Hey there,
I've been creating a site for my photography in flash and decided to use the Lightbox JS2.0 script to show off some of my images, but I have hit a brick wall will regards to how to call a CSS style for an image from a CSS style sheet thats loaded into the HTML page.
If im viewing the image normally from a webpage i would write:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Does anyone know what AS i need to try to get the image to load using a specific style from the sheet. OR do I have to load the CSS into flash and call it directly from that? Bearing in mind that the Lightbox works through 3 Javascript files and 1 CSS file.
Any help on getting past this hurdle would be greatly appreciated.
Thanks In Advance
Atocp
Lightbox And Flash
Hi anyone know if you can open flashbox images from a flash file? like if your on a flash gallery and click an image.. the light box app loads on top????
http://www.huddletogether.com/projects/lightbox2/ (lightbox)
Cheers.
Lightbox Script...
Hi,
Im looking for a lightbox AS for flash similiar to the javascript version found here. (demo 2).
Does anyone know if it exists?
And another question is there a class/prototype animates images? i want them to popout.
Dont know if this is existing either so...
Thnx
- Dlate
Flash LightBox
Lokesh Dhakar the indian guy who wrote the revolutionary LIGHTBOX script is now famous through out the internet. Last day I even saw Apple.com using his script.
The script is really simple but awesome. Looks flash even though its JS and HTML.
Lately I was thinking about LightBox in Flash. Coz you dont need a lil bit of HTML if your site is entirely done in Flash
So I started digging and even though i saw lots of scripts online none gave out the script (This is one of them - Click here)
But I got something which could trigger a HTML on a Flash movie which I thought wasnt a bad idea as long it doesnt messes up main Flash movie.
http://www.codefidelity.com/blog/?p=16
This is the link to download the complete script for the same. (You need to upload the script to your server to see it working!)
http://www.codefidelity.com/blog/dow...telightbox.zip
If any one could do a completely FLASH LightBOX please do post your script out here.
Make sure to include the Slideshow option
Thanks.
Ben
Lightbox In Flash?
im newbie in css and html, so could some1 explain me what code should i write
in the html and what in the button function so i can get Lightbox work with flash
i will appreciate any help.
thank you
Flash LightBox
ok, first, this is not my source. i found it but i can remember where. it was one of those 3 am Google search finds.
However, i did try and simplify it as best i could. It's a great file and when i find out where i found it i will post it ASAP!
enjoy.
EXAMPLE
SOURCE
Problems With Lightbox With AS3 In IE
Hi
I have been using Lightbox with AS2 no problem but my latest project is in AS3, I came on the forum before and asked about this when I was testing the file and I was told to use the externalinterface call, I eventually got this code:
Code:
test_mc.addEventListener(MouseEvent.CLICK,callJS);
function callJS(event:MouseEvent):void
{
ExternalInterface.call("flashLightbox", "images/jenson.jpg", "Jenson in Action" );
}
test_mc.buttonMode = true;
At the time I tested in Safari and it worked so I moved on to something else.
Now the site is complete and I have tested the page in Internet Explorer and the image fails to load I just get an error. With the old AS2 code it did work in IE.
I've been looking around and I've found some more code but I can't get this to work in any browser, can one of you guys tell me where I'm going wrong.
The alternative code
This in the HTML file
[code]
<script language="JavaScript">
function SWFDelegate(url,width,height,caption) {
var objLink = document.createElement('a');
objLink.setAttribute('href',url);
objLink.setAttribute('rel','lightbox');
objLink.setAttribute('title',caption);
if(typeof width != 'undefined') {
objLink.setAttribute('width',width);
}
if(typeof height != 'undefined') {
objLink.setAttribute('height',height);
}
Lightbox.prototype.start(objLink);
}
</script>
[code]
And the AS
Code:
test_mc.addEventListener(MouseEvent.CLICK,callJS);
function callJS(event:MouseEvent):void
{
ExternalInterface.call("SWFDelegate","images/jenson.jpg","600","398","Jenson in Action");
}
test_mc.buttonMode = true;
I have the AllowScriptAccess set to always as well.
Any help will be much appreciated !
Flash With Lightbox 2
I have been able to get this working - but my problem is when trying to get a gallery going. I can get single image to open - but don't know how to link it up to others.
I have attached the files I am using.
Pop-up Lightbox Effect
I am trying to create a pop-up light-box effect in actionscript 3, I have run into several problems. When a button is clicked i want a movieclip to be dynamically loaded onto the stage, the movieclip will dynamically load an external swf.
The first problem is, I have no idea how to have the movieclip appear on stage once a button is clicked in my main movie. I know I could do this with frames, but I would prefer to use actionscript if at all possible.
I have tried out some code for dynamically loading external swfs into the movieclip:
Code:
loader = new Loader();
this.addChild (loader);
loader.load (new URLRequest(contactpopup.swf));
But I haven't been able to test this yet due to my 1st problem...
The second problem is that my external swf is reliant on an external .as file which controls a custom scroll-bar, this works fine if the external.swf is opened separately but from what I have read on various forums, will not function when it is dynamically loaded into another movie.
the code for loading the scroll-bar .as file in contactpopup.swf is:
Code:
contact_scroll.init(contact_mc, "easeOutBack",2,true,-5);
Any assistance would be much appreciated, please help!
Which somehow links to Scrollbar.as which I have attached.
Attached Files
Using LightBox 2.0 With FLASH
http://www.huddletogether.com/projects/lightbox2/
Does anyone know how to implement this functionality by making calls from within the SWF environment?
Using Lightbox In Flash
I'm having trouble using lightbox in flash. The readme says to add,
on(release) {
getURL("javascript:flashLightbox('path/to/imagejpg');");
}
to the button-- so I convert my image to a button and under actions I put that in there.. correct?
Then it says to add <param name="wmode" value="transparent" /> to the html.
I do this, but it doesn't work at all.
I click the button and nothing happens. Any idea why?
Here's the full readme,
Quote: This is a very small and simple modification to Lightbox to allow you
to use the script in conjunction with a flash movie (for a sample of
this see (URL address blocked: See forum rules)).
I've added a new function flashLightBox() that can be called from within
any SWF file. I've left showLightbox() in thre as well, so the script
can still be used normally.
To call a lightbox image from flash, you would simply assign the
following actionscript to your button/movie clip:
on(release) {
getURL("javascript:flashLightbox('path/to/imagejpg');");
}
I've also modofied the default CSS to give the lightbox containers and
image a higher z-index than the flash movie.
Finally, to get the images to display on top of the movie, you will need
to add the "wmode" paramater to the mark-up for embedding the SWF movie:
<object type="application/x-shockwave-flash" data="myMovie.swf" width="400" height="400">
<param name="movie" value="myMovie.swf" />
<!-- Your MUST add the 'wmode' paramater or your flash will appear
over top of your lightbox images! -->
<param name="wmode" value="transparent" />
</object>
This wasn't a difficult mod, but it did take me a few minutes to sort out,
since there were several files to change, so hopefully this will be of
use to someone.
Flash Behind Lightbox
Hi guys
I suppose many of you are using Lightbox or other versions/mods of it...
http://particletree.com/examples/lightbox/
Well, I have some flash movies, and when I show this lightbox, the flash movies keep always on top, I mean, the lightbox "layer" does not cover the flash movies...
Does any1 know an easy way to put the flash movies behind lightbox when this last is showing ?
Thanks
Using Lightbox Gallery In Flash
I'm having trouble using lightbox in flash. The readme says to add,
on(release) {
getURL("javascript:flashLightbox('path/to/imagejpg');");
}
to the button-- so I convert my image to a button and under actions I put that in there.. correct?
Then it says to add <param name="wmode" value="transparent" /> to the html.
I do this, but it doesn't work at all.
I click the button and nothing happens. Any idea why?
Here's the full readme,
Quote:
This is a very small and simple modification to Lightbox to allow you
to use the script in conjunction with a flash movie (for a sample of
this see www.kellishaver.com).
I've added a new function flashLightBox() that can be called from within
any SWF file. I've left showLightbox() in thre as well, so the script
can still be used normally.
To call a lightbox image from flash, you would simply assign the
following actionscript to your button/movie clip:
on(release) {
getURL("javascript:flashLightbox('path/to/imagejpg');");
}
I've also modofied the default CSS to give the lightbox containers and
image a higher z-index than the flash movie.
Finally, to get the images to display on top of the movie, you will need
to add the "wmode" paramater to the mark-up for embedding the SWF movie:
<object type="application/x-shockwave-flash" data="myMovie.swf" width="400" height="400">
<param name="movie" value="myMovie.swf" />
<!-- Your MUST add the 'wmode' paramater or your flash will appear
over top of your lightbox images! -->
<param name="wmode" value="transparent" />
</object>
This wasn't a difficult mod, but it did take me a few minutes to sort out,
since there were several files to change, so hopefully this will be of
use to someone.
Flash Lightbox Problem
I've made a flash site that uses a "lightbox" effect to load the pages of the site, so click on a link, an overlay appears and the page loads in the center as an external swf.
Everything works fine, the only problem I'm having is that if you click anywhere within one of the external swf's it closes the lightbox. If the swf has buttons etc they are clickable and work as expected, but essentially each swf is acting as a huge close button (the overlay can be clicked anywhere to close the lightbox, but on the external swfs i only want the close button to close it, not anywhere).
Anyone got any ideas how to stop my swf's acting as giant buttons?
Thanks
Lee
Shadowbox, Lightbox, Javascript, Help PLEASE...
i am in dire need of help. i have been all around testing lightbox, videobox, mediabox, and now shadowbox.
NO WHERE does it say how to implement shadowbox into flash. i have a button in my flash movie that when clicked, i would like it to be able to use shadowbox and open a flv or image.
i need help creating the javascript for the button and the html holding my main swf movie.
i have seriously tried every means and have no clue where to go from here. i would appreciate it ANY help fore this is driving me nuts.
thank you,
mike
Activating Lightbox 2 From Flash
hi guys, im wondering if it is possible to activate lightbox 2 from flash.
As extracted from the Lightbox tutorial, lightbox needs an <a href> tag with a rel="lightbox" attribute to be activated.
e.g.
Code:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
However I dun think it is possible to use getURL(); for this in flash right?
is there a work around for this? what i am aiming to do is have the user click on an image/mc in my flash
e.g.
Code:
my_mc.onRelease = function() { // Activate lightbox from here };
and have it call the light box up.
thanks a million in advance for anyone who is willing to help...
Lightbox Disappearing Background
I have my site about 90% complete. However, when you click a link to view a lightbox video, the flash portion is still in front. How do I fix this? See link for my page with the problem. Click any option to see what I'm talking about.
www.jordancoombs.com
Here is the AS3
Code:
whistleclean.addEventListener(MouseEvent.CLICK, getb1);
function getb1(event:MouseEvent)
{
var page:URLRequest = new URLRequest('javascript:Videobox.open("http://www.jordancoombs.com/video/brewtour.flv","your caption","vidbox 720 480");');
navigateToURL(page, '_top');
}
Thanks!
Shadowbox, Lightbox, Javascript Help
i am in dire need of help. i have been all around testing lightbox, videobox, mediabox, and now shadowbox.
NO WHERE does it say how to implement shadowbox into flash. i have a button in my flash movie that when clicked, i would like it to be able to use shadowbox and open a flv or image.
i need help creating the javascript for the button and the html holding my main swf movie.
i have seriously tried every means and have no clue where to go from here. i would appreciate it ANY help fore this is driving me nuts.
thank you,
mike
Lightbox Printing From Flash
Hi everyone... I could use a little help sorting this one out. Thanks in advance for anything that may work. This should only be a couple lines of code that I'm missing.
I have a simple flash file that I created... http://www.internextdesigns.com/Spir...uctPanels.html. In the live version the image thumbs don't spill out.. this is just a quick example page.
The issue is that I can't get the "pop-up" image to print. This is really just a javascript issue, but I thought someone here might know what to do to the Lightbox function.
From researching, I found an older version of Lightbox that prints ( http://www.sitepoint.com/forums/showthread.php?t=558191 ), but the javascript is different from the Flash lightbox that I used. ( Found Here )... and fails when I get to the print part. The button gets added just fine... and it calls the printImage function that I created... but I'm lost with how to make it print. I know it's only a few lines of code, but everything I try breaks.
Any ideas?? I really need to get this figured out... so any help is really appreciated. Thx
Code:
//In lightbox++.js I added the following lines of code in the appropriate places:
var fileBottomNavPrintImage = "images/printlabel.gif";// Print image
var objBottomNavPrintLink = document.createElement("a");
objBottomNavPrintLink.setAttribute('id','bottomNavPrint');
objBottomNavPrintLink.setAttribute('href','#');
objBottomNavPrintLink.onclick = function() { myLightbox.printImage(); return false; }
objBottomNav.appendChild(objBottomNavPrintLink);
var objBottomNavPrintImage = document.createElement("img");
objBottomNavPrintImage.setAttribute('src', fileBottomNavPrintImage);
objBottomNavPrintLink.appendChild(objBottomNavPrintImage);
// and the the function that is blank right now with commented out code that works in other lightbox versions:
//obviously there's a CSS sheet as well
printImage: function()
{
//event.stop();
//var objHead = $$('head')[0];
//objHead.appendChild(Builder.node('link',{id:'lightboxPrintSheet',media:'print', type:'text/css', href:'css/lightbox-print.css',rel:'stylesheet'}));
//window.print();
//setTimeout("$$('head')[0].removeChild($('lightboxPrintSheet'))", 2000);}).bind(this));
}
Calling Lightbox From Flash
Hi!
I'm preparing my portfolio and have some problems with it:/
I would like some buttons in my swf file to call lightbox (http://www.lokeshdhakar.com/projects/lightbox2/) with images.
I have changed my html document:
------------------------------------------------
Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>strona</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript">
function GroupDelegate(id) {
var objLink = document.getElementById(id);
Lightbox.prototype.start(objLink);
}
</script>
</head>
<body bgcolor="#ffffff">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '700',
'height', '150',
'src', 'strona',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'strona',
'bgcolor', '#ffffff',
'name', 'strona',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'strona',
'salign', ''
); //end AC code
}
</script>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="700" height="150" id="strona" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="strona.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="strona.swf" quality="high" bgcolor="#ffffff" width="700" height="150" name="strona" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</noscript>
<a id="img" href="img.jpg" rel="lightbox" title="my caption"></a>
</body>
</html>
------------------------------
and put some as3 code to my button:
------------------------------
Code:
btn.addEventListener(MouseEvent.CLICK, gotoPage);
function gotoPage(event:MouseEvent):void
{
var js:URLRequest=new URLRequest();
js.url="javascript:GroupDelegate('img');";
navigateToURL(js,'_self');
}
------------------------------
but it still doesn't work.
I hope sb will help me It's very important for me to find the right solution because it's part of my school project...
I'm waiting for reply!!! Marta
Flash Intro In A Lightbox
Hi all,
does anyone know what steps i need to take to make make my website start off with my flash introduction in a lightbox?link to lightbox info
Flash Calling JS Lightbox On Mac
I am trying to put together a website www.stephen-daoud.co.uk and the gallery section uses a lightbox to show images. This works fine on my computer but firefox on my girlfriend's mac glitches horribly when it opens an image. Does this happen to anyone else and does anyone know how to fix this?
Thanks
Activating Lightbox 2.0 From Flash
Hey guys,
I'm not sure if i should post this post here or at the JS forums but I hope you can help me out here.
Alright so here's the deal:
Im using the Lightbox 2.0 (http://www.huddletogether.com/projects/lightbox2/) And a flash movie in the same page. Now ive got this thumbnail slider in the flashmovie with thumbnails loaded from an xml file. As soon as i hit a thumbnail i want the Lightbox to show the full image of the thumbnail.
I've got everything set up and if i test if the Lightbox works with an html link it works perfectly:
HTML Code:
<a href = "path/to/image.jpg" rel="lightbox" title="my Title">Lightbox test</a>
Now my question is how do I call the same action in AS?
I understood the rel attribute refers to both the Lightbox JavaScript and the StyleSheet. But i really dont know how to set the rel attribute in flash.
Looking For, Lightbox & Image Animation
Hi,
Im looking for a lightbox AS for flash similiar to the javascript version found here. (demo 2).
Does anyone know if it exists?
And another question is there a class/prototype animates images? i want them to popout.
Dont know if this is existing either so...
Thnx
- Dlate
[HELP] Activating Lightbox 2 From Flash
hi guys, im wondering if it is possible to activate lightbox 2 from flash.
As extracted from the Lightbox tutorial, lightbox needs an <a href> tag with a rel="lightbox" attribute to be activated.
e.g.
Code:
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
However I dun think it is possible to use getURL(); for this in flash right?
is there a work around for this? what i am aiming to do is have the user click on an image/mc in my flash
e.g.
Code:
my_mc.onRelease = function() { // Activate lightbox from here };
and have it call the light box up.
thanks a million in advance for anyone who is willing to help...
Fullsize Flash & Lightbox
Hi Everyone,
I am trying to get lightbox to work on my fullsize flash site but I am having some difficulties.
The code I recieved from here:
http://blog.codefidelity.com/?p=16
works but it doesnt overlay the screen. It hides the flash behind a black box with no transparency and pushes the pop up image way down the screen. YOu have to scroll way down to see anything. Everything is all messed up.
Anyone know where I can find a good code for using lightbox on a fullsize flash site? Any ideas on how to fix this?
THX
PhotoFlow Flash And LightBox
I am using photoFlow Flash component AS 2.0, now how can I integrated with LightBox to make interactive photo gallery?
I get some reference from photoFlow Flash component AS 3.0 and LightBox but i don't understand that clearly.
I NEED URGENT HELP !
Flash Lightbox Effect With As3
Hello,
I'm trying to create a light box effect using actionscript 3. When the user clicks on an image, I want a box to shoot out and expand from the center of the clicked image. I'm currently creating a light box and scaling it down to 0; then, when the user clicks on the image the following animation is invoked:
var heightTween:Tween = new Tween(lightBox, "scaleX", Elastic.easeOut, 0, 1, 1, true);
var widthTween:Tween = new Tween(lightBox, "scaleY", Elastic.easeOut, 0, 1, 1, true);
The problem is that the animation originates from the top left of the lightbox and not from the center. That is the top left corner remains fixed while the lightbox expands to the bottom right corner. I would like the lightbox to expand in all directions from the center. The lightbox is created dynamically so from what I've read so far I don't think I can set the transformation point.
It would seem to me that this would be a common problem but I have not found too much on this topic. Perhaps I'm searching for the wrong thing.
Thank you in advance for any help or direction
Also is it possible to fine-tune tween effects?
LightBox For Flash ...stumped
Ok so i've tried to get this to work but with no luck so maybe there is someone here who has actually used this. if so any chance you could help me to get it to work. the only part i really understand is what goes onto the button
on(release) {
getURL("javascript:flashLightbox('path/to/imagejpg','Your Caption');");
}
the D/L you get for Lightbox comes with a css file and a JS file and i'm sure the script somehow calls to them but not sure exactly how.
it's kind of hard to ask a straight forward question to this with out posting everything that comes in the txt file and i believe that would just be to long. so if you are familiar with Lightbox and might be able to help me plz let me know.
Flash Nav-bar Keeps Showing *ABOVE* Lightbox
I've searched the forum and found a few other threads that relate to this, but so far I haven't had any luck fixing my issue. Basically near the top of my page I have a flash navigation bar. Further down on the page I have a script (MyGallery) which makes use of Lightbox. When I click on an image in the gallery calling up the Lightbox code (or whatever it does) the image appears ontop of the page *except* for the flash navigation bar which is still on top of that.
I've set the parameter of the nav bar to "wmode" as "transparent" and I've tried creating and altering div tags to adjust the z-index to place the Lightbox object on top, but so far to no avail.
Here's (what I think to be) the applicable code from the page in question.
Code:
<style type="text/css">
<!--
.thumb_spacing {
margin-left: 20px;
}
img.thumbs {
border: 1px solid #aeaeae;
margin-right: 6px;
margin-bottom: 6px;
}
img.thumbs:hover {
border: 1px solid #FFFFFF;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<!-- InstanceEndEditable -->
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body bgcolor="#3a3a3a">
<center>
<table width="792" border="0" align="center" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="8" height="755" align="right" class="bg_shad_left"><img src="../images/bg_drpshad_left.gif" alt="drop_shadow_left" width="8" height="755" /></td>
<td width="776" align="center" bgcolor="#000000"><table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
<!-- InstanceBeginEditable name="main_content" -->
<tr>
<td colspan="3" align="center" valign="top" bgcolor="#000000"><img src="../images/gallery/_site_top_gallery.jpg" alt="site_name" width="776" height="316" border="0" usemap="#Map" /><map name="Map" id="Map"><area shape="rect" coords="88,26,365,135" href="http://domain_name/" alt="site_name" /></map></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top"><div flass="flash"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','776','height','50','title','Navigation Buttons','src','../images/nav','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','bgcolor','#000000','movie','../images/nav' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="776" height="50" title="Navigation Buttons">
<param name="movie" value="../images/nav.swf" />
<param name="quality" value="high" /><param name="BGCOLOR" value="#000000" />
<embed src="../images/nav.swf" width="776" height="50" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" bgcolor="#000000" wmode="transparent"></embed>
<param name="wmode" value="transparent"></object>
</noscript></div></td>
</tr>
<tr>
<td colspan="3" align="left" valign="top"><img src="../images/gallery/header_gallery.gif" alt="Gallery" width="167" height="47" /><a name="gallery" id="gallery"></a></td>
</tr>
<tr>
<td width="20" align="left" valign="top"><img src="../images/header_bar_left.gif" alt="bar_left" width="20" height="31" class="header_barspace" /></td>
<td width="736" align="left" valign="top" class="header_bar_center"></td>
<td width="20" align="right" valign="top"><img src="../images/header_bar_right.gif" alt="bar_right" width="20" height="31" /></td>
</tr>
<tr>
<td colspan="3" align="left" valign="top">
<table align="center">
<tr>
<td>
<?php
include("mygallery/gallery.inc.php");
?>
</td>
</tr>
</table>
</td>
</tr>
I'm not sure if there's HTML to change, if something within the .swf needs to be updated, or what I'm missing. Thanks in advance for any help everyone
Litebox Lightbox Ajax In/with Flash?
i like the style of litebox - but how can i use it with a flash website?
i need to run following script within a button in a swf file:
Code:
<a href="images/tvtransformers.jpg" rel="lightbox[example]" title="Sprouts"><img src="images/tvtransformers.jpg" width="700" height="500" alt="Beautiful Sprouts" class="bordered"/></a>
this following code doesnt work of course - but i dont know how to fix it:
Code:
on (release) {
getURL("<a href="tvtransformers.jpg" rel="lightbox[example]" title="tvtransformers"><img src="tvtransformers.jpg" width="700" height="500" alt="TV Transformers" /></a>");
}
how can i use a link like this in flash??
i also want to make the gallery modus of litebox work, if there is more than a single image to view!
do i have to modify the html doc to make it work?
please help did anyone anything similar?
its not fixed to litebox - i would also use other clones if they work....
[CS3] Lightbox Link From XML File Won't Work
Hi guys (and girls?),
I'm making a dynamic thumbnail gallery in combination with two Tree menus, all loaded from one single XML file.
This is working pretty good, but now I want to take it one step further...
I want to add the Lightbox technique to make the big image even larger.
So far: the lightbox does appear when clicking on the large image, but he doens't seem to find the image to load,
so I think there's a small error in my AS somewhere, or the path to the image isn't right, not sure....
Could someone please take a quick look?
My AS for filling the Tree menu:
PHP Code:
//Tree menu uit XML laden
shopXML = new XML();
shopXML.ignoreWhite = true;
shopXML.onLoad = function(success) {
if (success) {
fill_jackets();
} else {
trace("The XML could not be loaded");
}
};
shopXML.load("content/content.xml");
// JACKETS
function fill_jackets() {
//Atach masters the component
attachMovie("Tree","jackets", 2);
jackets.move(230,5);
jackets.vScrollPolicy = "off";
//We filled the menu
jackets.dataProvider = shopXML.firstChild.childNodes[4].childNodes[0].childNodes[0];
jackets.setSize(105,160);
//event objects
jackets.addEventListener("change",listChanged_J);
}
listChanged_J = new Object();
listChanged_J.change = function(evt_obj) {
var item = evt_obj.target.selectedNode;
//If it is a folder…
if (jackets.getIsBranch(item)) {
//If this is a branch
var Desc = String(item.childNodes[0].firstChild.nodeValue);
//Images
image = [];
link = [];
thumbnails = [];
total = item.childNodes[1].childNodes.length;
for (i=0; i<total; i++) {
image[i] = item.childNodes[1].childNodes[i].firstChild.nodeValue;
link[i] = item.childNodes[1].childNodes[i].attributes.link;
thumbnails[i] = item.childNodes[2].childNodes[i].firstChild.nodeValue;
thumbnails_fn(i);
}
//Fill textboxes
gallery.description.desc_text.text = Desc;
//Load first image
firstImage();
}
};
My AS for filling the thumbnail gallery (sorry, it's a bit long):
PHP Code:
import flash.display.*;
import mx.transitions.Tween;
import mx.transitions.easing.*;
// Scaling picholder
function scalecontent(what:MovieClip) {
var ratio:Number = what._width / what._height;
//Scaling picholder
setProperty(gallery.picholder, _height, 460);
// Try using the stage's width as a basis for the background image
what._width = (gallery.picholder._height * ratio);
what._height = gallery.picholder._height;
}
gallery.picholder.createEmptyMovieClip("placeholder",gallery.picholder.getNextHighestDepth());
gallery.picholder.createEmptyMovieClip("bitmap_holder",gallery.picholder.getNextHighestDepth());
gallery.picholder._alpha = 0;
var placeholderListener:Object = new Object();
placeholderListener.onLoadInit = function() {
// Hide the placeholder-image
gallery.picholder.placeholder._visible = false;
// Create new bitmap data, and associate it to the bitmap_holder movieclip
var bitmap:BitmapData = new BitmapData(gallery.picholder.placeholder._width, gallery.picholder.placeholder._height, true);
gallery.picholder.bitmap_holder.attachBitmap(bitmap,gallery.picholder.bitmap_holder.getNextHighestDepth(),"auto",true);
// Draw the placeholder-image in the bitmap_holder
bitmap.draw(gallery.picholder.placeholder);
// Remove the placeholder clip, free up memory
gallery.picholder.placeholder.removeMovieClip();
// Position & Size the background-image
scalecontent(gallery.picholder);
// Fade the background in.
var fadeinTween:Tween = new Tween(gallery.picholder, "_alpha", Strong.easeInOut, gallery.picholder._alpha, 100, 16, false);
};
var placeholderLoader:MovieClipLoader = new MovieClipLoader();
placeholderLoader.addListener(placeholderListener);
//Functions
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture_num();
// fade out the background image
var fadeOutTween:Tween = new Tween(gallery.picholder, "_alpha", Strong.easeInOut, gallery.picholder._alpha, 0, 16, false);
// once the background image is faded out:
fadeOutTween.onMotionFinished = function() {
// re-create the placeholder movieclip
gallery.picholder.createEmptyMovieClip("placeholder",gallery.picholder.getNextHighestDepth());
// delete the bitmap_holder (free up memory) and recreate it (empty)
gallery.picholder.bitmap_holder.removeMovieClip();
gallery.picholder.createEmptyMovieClip("bitmap_holder",gallery.picholder.getNextHighestDepth());
// load the next image as the background
placeholderLoader.loadClip(image[p],gallery.picholder.placeholder);
};
}
}
}
function prevImage() {
if (p>0) {
p--;
// fade out the background image
var fadeOutTween:Tween = new Tween(gallery.picholder, "_alpha", Strong.easeInOut, gallery.picholder._alpha, 0, 16, false);
// once the background image is faded out:
fadeOutTween.onMotionFinished = function() {
// re-create the placeholder movieclip
gallery.picholder.createEmptyMovieClip("placeholder",gallery.picholder.getNextHighestDepth());
// delete the bitmap_holder (free up memory) and recreate it (empty)
gallery.picholder.bitmap_holder.removeMovieClip();
gallery.picholder.createEmptyMovieClip("bitmap_holder",gallery.picholder.getNextHighestDepth());
// load the next image as the background
placeholderLoader.loadClip(image[p],gallery.picholder.placeholder);
};
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
// fade out the background image
var fadeOutTween:Tween = new Tween(gallery.picholder, "_alpha", Strong.easeInOut, gallery.picholder._alpha, 0, 16, false);
// once the background image is faded out:
fadeOutTween.onMotionFinished = function() {
// re-create the placeholder movieclip
gallery.picholder.createEmptyMovieClip("placeholder",gallery.picholder.getNextHighestDepth());
// delete the bitmap_holder (free up memory) and recreate it (empty)
gallery.picholder.bitmap_holder.removeMovieClip();
gallery.picholder.createEmptyMovieClip("bitmap_holder",gallery.picholder.getNextHighestDepth());
// load the next image as the background
placeholderLoader.loadClip(image[0],gallery.picholder.placeholder);
};
}
}
//Lightbox actions
gallery.picholder.onRelease = function() {
getURL("javascript:createLightbox('link[i]', 'caption')");
};
function picture_num() {
current_pos = p+1;
}
//gallery.preloader
this.onEnterFrame = function() {
filesize = gallery.picholder.placeholder.getBytesTotal();
loaded = gallery.picholder.placeholder.getBytesLoaded();
gallery.preloader._visible = true;
if (loaded != filesize) {
gallery.preloader._xscale = 100*loaded/filesize;
} else {
gallery.preloader._visible = false;
if (gallery.picholder.placeholder._alpha<100) {
gallery.picholder.placeholder._alpha += 10;
}
}
};
//Scroll Thumbnails
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((gallery._xmouse>=gallery.thumbnail_mc._x) && (gallery._xmouse<=gallery.thumbnail_mc._x+gallery.thumbnail_mc._width)) {
if ((gallery._ymouse>=(gallery.hit_bottom._y-40)) && (gallery.thumbnail_mc.hitTest(gallery.hit_bottom))) {
gallery.thumbnail_mc._y -= scroll_speed;
} else if ((gallery._ymouse<=(gallery.hit_top._y+40)) && (gallery.thumbnail_mc.hitTest(gallery.hit_top))) {
gallery.thumbnail_mc._y += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}
// Scaling thumbnails
function scalethumbs(target_mc:MovieClip) {
var ratioT:Number = target_mc._width / target_mc._height;
//Scaling picholder
setProperty(target_mc, _width, 120);
// Try using the stage's width as a basis for the background image
target_mc._height = (target_mc._width / ratioT);
}
//Fill thumbnails
function thumbnails_fn(k) {
gallery.thumbnail_mc.createEmptyMovieClip("t"+k, gallery.thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
//Scale thumbnails
scalethumbs(target_mc);
target_mc._y = gallery.hit_top._y+(target_mc._height+16)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "gallery.thumbnail_mc.t"+k);
}
//Thumbnail actions
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
I'm not sure if this:
PHP Code:
link[i] = item.childNodes[1].childNodes[i].attributes.link;
or this part is correct:
PHP Code:
//Lightbox actions
gallery.picholder.onRelease = function() {
getURL("javascript:createLightbox('link[i]', 'caption')");
};
This is my XML file:
PHP Code:
<?xml version="1.0" encoding="utf-8"?>
<content>
<collection>
<fall2008 name="Vision"><bodytekst></bodytekst></fall2008>
<summary name="Work"><bodytekst></bodytekst></summary>
</collection>
<bio></bio>
<stockists></stockists>
<contact></contact>
<shop>
<node label="COLLECTION">
<node label=" jackets" functie="fill_jackets">
<item label="'AMELIA' COTTON">
<desc>AMELIA in cotton (SJ0001): XS, S, M, L, XL
£310.00
outer: beige 100% cotton canvas
belts: 100% genuine leather (brown; attached)
lining: small blue polka dots on white cotton shirting fabric</desc>
<images>
<image link="javascript:createLightbox('content/jackets/lg/Amelia_Cotton_SJ0001_fr.jpg',''AMELIA' COTTON');">content/jackets/lg/Amelia_Cotton_SJ0001_fr.jpg</image>
<image link="javascript:createLightbox('content/jackets/lg/Amelia_Cotton_SJ0001_bk.jpg',''AMELIA' COTTON');">content/jackets/lg/Amelia_Cotton_SJ0001_bk.jpg</image>
</images>
<thumbs>
<thumb>content/jackets/tn/Amelia_Cotton_SJ0001_fr.jpg</thumb>
<thumb>content/jackets/tn/Amelia_Cotton_SJ0001_bk.jpg</thumb>
</thumbs>
</item>
</node>
</node>
<node label="SIZING & PRODUCT INFORMATION" functie="fill_sizing">
Test tekst
</node>
<node label="TERMS & CONDITIONS OF SALE">
<node label=" pricing & payment" functie="fill_pricing">
Test tekst
</node>
<node label=" shipping & returns" functie="fill_shipping">
Test tekst
</node>
</node>
<node label="ORDER FORM" functie="fill_orderform">
Test tekst
</node>
</shop>
<press></press>
<terms></terms>
</content>
The html file containing the swf and the swf itself are in the root and the xml file is in a folder called 'content'... the path should be correct like this right?
link="javascript:createLightbox('content/jackets/lg/Amelia_Cotton_SJ0001_fr.jpg',''AMELIA' COTTON');"
Anyone an idea why it isn't working?
Any help is very much appreciated!
Thanks!
Calling Greybox/lightbox For A Link In AS3
SO What I need to do is call up a link in a Greybox window. This requires putting writing the link with rel="gb_page_center[430,370]". What do i have to change inorder to get that to work? Here is my curent script:
import flash.net.navigateToURL;
import com.flashloaded.as3.PhotoFlowEvent;
function eventHandlere (eo:PhotoFlowEvent):void {
if (eo.data.link != "") {
var request:URLRequest = new URLRequest(eo.data.link);
navigateToURL (request,"_self");
}
}
myPhotoFlow.addEventListener (PhotoFlowEvent.CLICK_SELECTED, eventHandlere);
|
TRACKER
