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.

colorbox

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

  • Page:
  • 1
  • 2
  • 3
  • 4
  • 5
  • >
  • loading comments...

Henry Koh

Posted 3 years ago

Hi, I am using the 3D Spiral Gallery. Do you have a sample code for launching a webpage instead of loading the colorbox? My idea was to have a spiral of webpage thumbnails and launch the webpage on clicking the thumbnail. Once the user is done with the page and close it, then he/she will be redirected back to the spiral.

Matt

Posted 7 years ago

Hi Flash XML,

I’m using the PopOut Gallery and I’m wondering if I’m able to serve a Flash movie within the Colorbox, as I see there’s support for a swf class. I’ve set the Colorbox element to true in the settings.xml file and am pointing to the swf I’ve uploaded to the images folder in the images.xml file but nothing happens when I click on the image in question in the gallery.

FlashXML Support

Send us the link to your website so we can check the PopOut Gallery.

Crealp

Posted 7 years ago

Hi,

I’m using Photo Flipper which works perfectly.

My problem is that I don’t reach to use pop-up for my images with colorBox, indeed when I click on an image nothing happens.

I don’t understand the problem because I’ve got the line

<useColorbox value="true"/>
on my settings.xml file and the line
<photo image="images/u12.jpg" colorboxImage="images/u12.jpg" colorboxInfo="Desc 1" colorboxClass="image" url="" target="_blank"><![CDATA[<head>Entreprise Lecoq</head><body>Menuiserie a Seez en Savoie</body>]]></photo>
on my images.xml file…

I also tried the method with the FancyBox as I use FancyBox on my Wordpress but it links me the page

http://www.patrick-lecoq.fr/savoie/wp-content/flashxml/photo-flipper-fx/javascript:LaunchFancybox('images/u12.jpg')
which doesn’t exists.

If you have one minute for me it would be great.

FlashXML Support

Hi,

The colorbox seems to be in conflict with the other .js scripts used on your website, more exactly with the following one:

<script type='text/javascript' src='http://www.patrick-lecoq.fr/savoie/wp-content/plugins/easing-slider/js/jquery.js?ver=1.4.2'></script>

If you will remove it, it should work.

Sanyam Jain

Posted 7 years ago

Using the same setup of colorbox, how can I call my custom commands such as:

ExternalInterface.call(“launchColorBox”,“http://www.google.com”);

As when I integrate Lightbox2 to the same html file, FlashXML colorbox doesnot work.

FlashXML Support

Hi,

You can only use it only as the examples from images.xml file. We don’t know why your Lightbox2 doesn’t work when our colorbox is used but it probably has something to do with JavaScript conflicts. Use one or another only.

Simon Lira

Posted 7 years ago

I am trying to put a .flv video into coverflow. It works fine when it is in the coverflow window but I want to be able to click on it and it pop up using colorbox. The popup occurs but the video is downloaded rather than being played in the window.

FlashXML Support

Hi,

Unfortunately is not possible to play local videos in colorbox, only videos from YouTube.

  • loading comments...
  • Page:
  • 1
  • 2
  • 3
  • 4
  • 5
  • >

Do you have a question?

you will get an answer in 24 hours, tops.

(required) Only alphanumeric characters allowed
(required) (will not be published)
Please type a message! Your message is too long! Either try to keep within 1500 characters, or contact our support team via email at support [at] flashxml.net.
(will not be published)
You mistyped the two words!
Can't read? Change the image
Format your comments using Textile: *bold*, _italic_, "link text":address, @code@
Connect to us on Facebook Follow us on Twitter Subscribe to our RSS feed
Copyright © FlashXML.net 2009 - 2019