Steven Debock
asked on
linking lightbox to button in flash AS2
Hello,
I'm having a problem trying to get lightbox to work on a flash site.
When you press the button, it shows nothing
iv been following this guide :
http://blog.codefidelity.com/?p=16
I tried using a normal link in the index.html without flash, this works, so the problem should be in the java flash function or the AS2 code on the flash button.
Everything is as it should be, i think....
you can try it at http://www.detail-collection.be/site2/
complete index.html and AS2 button code included in attachments
thnx!
I'm having a problem trying to get lightbox to work on a flash site.
When you press the button, it shows nothing
iv been following this guide :
http://blog.codefidelity.com/?p=16
I tried using a normal link in the index.html without flash, this works, so the problem should be in the java flash function or the AS2 code on the flash button.
Everything is as it should be, i think....
you can try it at http://www.detail-collection.be/site2/
complete index.html and AS2 button code included in attachments
thnx!
Flash AS2
on (release) {
getURL("javascript:LightboxDelegate('nieuwsbrief/winter1011a.jpg','Winter nieuwsbrief 2010-11')");
}
INDEX HTML
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<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 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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Détail - Juwelen"/>
<meta name="keywords" content="juwelen,design,handgemaakt,zilver,ringen,armbanden,halskettingen,half-edelstenen"/>
<meta http-equiv="CONTENT-LANGAGE" content="nl" />
<link rel="icon" href="favicon.ico">
<title>Détail Juwelen</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
<style type="text/css" title="text/css">
<!--
.centered {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 50%;
height: 50%;
margin: auto;
}
-->
</style>
</head>
<body>
<a href="nieuwsbrief/winter1011a.jpg" rel="lightbox">image #1</a>
<!--URL's die in de film worden gebruikt-->
<!--tekst die in de film wordt gebruikt-->
<!-- saved from url=(0013)about:internet -->
<table height=100% width=100%>
<tr><td valign="middle">
<center>
<script language="javascript">
if (AC_FL_RunContent == 0) {
alert("Deze pagina vereist AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '800',
'height', '600',
'src', 'detail',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'transparent',
'devicefont', 'false',
'id', 'detail',
'bgcolor', '#ffffff',
'name', 'detail',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'detail',
'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="800" height="600" id="detail" align="middle">
<param name="allowScriptAccess" value="samedomain" />
<param name="wmode" value="transparent" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="detail.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="detail.swf" quality="high" bgcolor="#ffffff" width="800" height="600" name="detail" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent"/>
</object>
</noscript>
</center>
</td></tr>
</table>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
solved it on my own :)
http://grasshopperpebbles.com/jquery/actionscript-using-lightbox-with-flash/