It's not impossible...it's quite possibe actually.
In fact, I'm planning to add a lightbox 2.0 and flash interaction on my website (i'm in the process or redesigning it and I keep changing the design every other day).
I'm going to assume that you have Lightbox setup in your document per the Lightbox documentation.
1) Insert the following "Delegate" somewhere between the head tags of your document:
<script type="text/javascript">
function LightboxDelegate(url,caption) {
var objLink = document.createElement('a');
objLink.setAttribute('href',url);
objLink.setAttribute('rel','lightbox');
objLink.setAttribute('title',caption);
Lightbox.prototype.start(objLink);
}
</script>
2) Add the correspoding linkage in your actionscript
PictureMC.onRelease = function() {
getURL("javascript:LightboxDelegate(image1.jpg','caption1')")
}
Disclaimer: I'm typing this directly into the forum so there might be sytax errors but it should work. Post back if you have any issues.
HTH
I'm trying ti make something like this, when I click the button on the flash, the flash gone but the light box image didn't comes up. at bottom of the flash i put an image and when i click the image, the lightbox work very well.
I don't know why. Any body can help?
This is the script that I use:
HTML
<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-1" />
<title>index</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<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>
<!--flash lightbox script-->
<script type="text/javascript">
function LightboxDelegate(url,caption) {
var objLink = document.createElement('a');
objLink.setAttribute('rel','lightbox');
objLink.setAttribute('href',url);
objLink.setAttribute('title',caption);
Lightbox.prototype.start(objLink);
}
</script>
<!--end-->
</head>
<body bgcolor="#ffffff">
<div align="center" id="wraper">
<p>
<!--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', '1000',
'height', '593',
'src', 'index',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'index',
'bgcolor', '#ffffff',
'name', 'index',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'index',
'salign', ''
); //end AC code
}
</script>
</p>
<noscript>
<p>
<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="1000" height="593" id="index" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="index.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<param name="bgcolor" value="#ffffff" />
<embed src="index.swf" wmode="transparent" quality="high" bgcolor="#ffffff" width="1000" height="593" name="index" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
<a href="images/bar.jpg"></a></p>
</noscript>
<a rel="lightbox" href="images/bar.jpg"><img src="images/arrow.jpg" width="13" height="10" border="0"></a></div>
</body>
</html>
flash
PictureMC.onRelease = function() {
getURL("javascript:LightboxDelegate('images/bar.jpg','caption1')");
}