kate heather
11-19-2008, 06:03 PM
Hi everyone,
I am a designer with very little knowledge of java script and action script...
I've been struggling to make lightbox work in my flash website for almost 2 months....
I've been following all the hints in various online forums but I just can't get the lightbox to work at all !!
All I get is the "undefined" word in my flash movie or a large image opens in a blank html window.....etc etc
I really appreciate if someone could gimme a hand...
My lightbox files are working properly since they all work in my other html built sites.
The problem is the website I'm designing for a client which is built in flash....
I don't need to call the lightbox for [group of images], only single images would be fine.
I have only one flash button that works for all thumbnails (dynamic), so I would need an action script linkage to make that flash button call the large jpeg images (according to each thumbnail) having the lightbox effect.
The thumbnails are spread in different portfolio sections (eg. graphic design, marketing, etc). and every portfolio page (flash) has a XML file to command the thumbnails of that specific page.
Structure of my XMLs:
<thumbnails>
<thumbnail filename="journeyAD.png" label="The Journey"
url="large/journeyAD.jpg"
description="This AD was published on the American magazine Arabian Horse World..." />
In the index HTML Head:
<link rel="stylesheet" href="lightbox/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox/prototype.js"></script>
<script type="text/javascript" src="lightbox/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/lightbox.js"></script>
<link href="lightbox.css" rel="stylesheet" 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>
In my flash file, I have this action applied to the button:
on (release) {
PictureMC.onRelease = function() {
getURL("javascript:LightboxDelegate('journeyAD.jpg','The Journey')");
};
}
Well, I am really confused after so many changes I've made... and very frustrated because I can't get the lightbox working in that site.... I thought it would be as easy as it worked well for all my html sites....but nope !!
I'd love if someone could drop me a few lines with some hints.
Thanks a bunch.
Kate
I am a designer with very little knowledge of java script and action script...
I've been struggling to make lightbox work in my flash website for almost 2 months....
I've been following all the hints in various online forums but I just can't get the lightbox to work at all !!
All I get is the "undefined" word in my flash movie or a large image opens in a blank html window.....etc etc
I really appreciate if someone could gimme a hand...
My lightbox files are working properly since they all work in my other html built sites.
The problem is the website I'm designing for a client which is built in flash....
I don't need to call the lightbox for [group of images], only single images would be fine.
I have only one flash button that works for all thumbnails (dynamic), so I would need an action script linkage to make that flash button call the large jpeg images (according to each thumbnail) having the lightbox effect.
The thumbnails are spread in different portfolio sections (eg. graphic design, marketing, etc). and every portfolio page (flash) has a XML file to command the thumbnails of that specific page.
Structure of my XMLs:
<thumbnails>
<thumbnail filename="journeyAD.png" label="The Journey"
url="large/journeyAD.jpg"
description="This AD was published on the American magazine Arabian Horse World..." />
In the index HTML Head:
<link rel="stylesheet" href="lightbox/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox/prototype.js"></script>
<script type="text/javascript" src="lightbox/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/lightbox.js"></script>
<link href="lightbox.css" rel="stylesheet" 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>
In my flash file, I have this action applied to the button:
on (release) {
PictureMC.onRelease = function() {
getURL("javascript:LightboxDelegate('journeyAD.jpg','The Journey')");
};
}
Well, I am really confused after so many changes I've made... and very frustrated because I can't get the lightbox working in that site.... I thought it would be as easy as it worked well for all my html sites....but nope !!
I'd love if someone could drop me a few lines with some hints.
Thanks a bunch.
Kate