Questions
Answer
How to use Colorbox with a flash component
If the product you're using has the useColorbox attribute in the General tab from Live Demo like in the following image, then all you have to do is to make sure that the value of useColorbox is true in your settings.xml file.
In your images.xml file you can specify which image to pop-up through the colorboxImage attribute. The description text for each image can be specified through the colorboxInfo attribute and the colorboxClass attribute can be image, video or swf.
Here's an example to pop-up an image:
<photo image="images/101.jpg" colorboxImage="images/101.jpg" url="http://www.flashxml.net" colorboxInfo="Item 01" colorboxClass="image" target="_blank"><![CDATA[This is your text]]></photo>
Here's an example to pop-up a video:
<photo image="images/101.jpg" colorboxImage="http://www.youtube.com/embed/N6AfN5EiUIg?wmode=transparent" url="http://www.flashxml.net" colorboxInfo="Item 01" colorboxClass="video" target="_blank"><![CDATA[This is your text]]></photo>
If the product you're using does not have the useColorbox attribute in the Live Demo, you'll have to download and install Colorbox (possibility to pop-up images, videos, SWFs and HTML content) using their tutorial.
Next, in your images.xml file at the url (or link for some components) attribute try to specify something like this:
url="javascript:LaunchColorbox('images/big/01.jpg','Image 01')" target="_self"
Also in your HTML file that embeds the SWF you'll have to write the following JavaScript code between the <head></head> tags:
<script type="text/javascript">
function LaunchColorbox(url, caption){
$.colorbox({href:url,transition:"elastic", title:caption});
}
</script>
Note that the Mediabox will not work if tested locally. You’ll have to test it on a HTTP server.
Comments
Do you have a question?
you will get an answer in 24 hours, tops.
Co Moerman
Posted one year agoHow can I use special characters like egrave in the images.xml file at the colorboxInfo parameter ?
Rgrds, Co Moerman
Hi,
Open images.xml with a text editor (notepad++ recommended) and change the file’s encoding type to UTF-8.
Rashad
Posted one year agoPut my own images in the cover flow fx and when I test the page everything shows up, but when I click on the image for the pop up full sized image, a screen pops up telling me that
“Adobe flash player has stopped a potentially unsafe operation.
The following local application on your computer or network is
trying to communicate with this internet-enabled location”
www.flashxml.net
To let this application communicate with the interent, click settings.
You must restart the application after changing your settings.”
I’ve done this and have also followed the instructions using colorbox and still nothing
Hi,
It sounds like you are testing the product locally and trying to open external links directly from the SWF file. In this situation you need to declare the local folder where your SWF is located through the Adobe Flash Player settings. When the Adobe Flash Player Security window appears, click on Settings and add the location of the swf file as a trusted application. Otherwise, test the component online or in a localhost.
Tito Z
Posted one year agoI’m using ColorBox with the Accordion Gallery XML component. The only thing is that colorboxInfo is not displaying the title on the image popup. Any ideas? Thanks in advance.
Hi,
I checked your site and I noticed that you have made some changes in the colorbox’s files. Sorry, but we do not offer support for these custom modifications. I suggest you to use the default files, provided in the component’s archive.
Ahmed Abdelwahab
Posted one year agoafter downloading the free version Colorbox does not work
How can I update my files to use colorbox
I have <useColorbox value=“true”/>
Hi,
In which product of ours do you want to use Colobox?
frank
Posted one year agoHow can I make the sub title of a colorbox item (“colorboxInfo in the images.xml”) a link to a pdf document? I’ve tried various things in the images.xml but can’t get it right.
Hi,
Unfortunately this feature is not implemented.