<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title><![CDATA[Localbiz Site Builder Support Forum - Working With The Fancybox Functions]]></title>
		<link>http://supportforum.localbizsitebuilder.com/</link>
		<description><![CDATA[Localbiz Site Builder Support Forum - http://supportforum.localbizsitebuilder.com]]></description>
		<pubDate>Tue, 14 Apr 2026 15:52:07 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[Using the “FancyBox” jQuery popout feature to display your  Videos]]></title>
			<link>http://supportforum.localbizsitebuilder.com/thread-43.html</link>
			<pubDate>Wed, 13 Aug 2014 14:43:29 +0000</pubDate>
			<guid isPermaLink="false">http://supportforum.localbizsitebuilder.com/thread-43.html</guid>
			<description><![CDATA[<span style="font-weight: bold;">Localbiz Site Builder incorporates the use of “FancyBox” jQuery popout lightbox to display Youtube and Vimeo videos. </span><br />
<br />
This is done automatically whenever you insert a link to a Youtube or Vimeo video then that video will popout into the lightbox when the video link is clicked. This means you can place any simple link such as “Click to Play Video” anywhere on your site pages or sidebar and have a video popout via lightbox over the page being viewed.<br />
The correct way to write the link is as a standard html anchor text link in the html mode (see examples below).<br />
<br />
example 1) <br />
<div class="codeblock">
<div class="title">Code:<br />
</div><div class="body" dir="ltr"><code>&lt;a href="http://www.youtube.com/watch?v=UXzMPd9pib0"&gt;Click To Watch Demo Video&lt;/a&gt;</code></div></div>
example 2) <div class="codeblock">
<div class="title">Code:<br />
</div><div class="body" dir="ltr"><code>&lt;a href="http://vimeo.com/24062009"&gt;Click to watch video&lt;/a&gt;</code></div></div>
<br />
Alternatively, you can make any video pop out via the lightbox by using the code <span style="font-weight: bold;">class="fancyvideo"</span> prior to the "href" part of the video link.<br />
<br />
For example:  <br />
<div class="codeblock">
<div class="title">Code:<br />
</div><div class="body" dir="ltr"><code>&lt;a class="fancyvideo" href="http://www.youtube.com/watch?v=HJQ8MsJuZUw&gt;Watch Video&lt;/a&gt;</code></div></div>
<br />
This will work with all videos whether or not they are Youtube or Vimeo.]]></description>
			<content:encoded><![CDATA[<span style="font-weight: bold;">Localbiz Site Builder incorporates the use of “FancyBox” jQuery popout lightbox to display Youtube and Vimeo videos. </span><br />
<br />
This is done automatically whenever you insert a link to a Youtube or Vimeo video then that video will popout into the lightbox when the video link is clicked. This means you can place any simple link such as “Click to Play Video” anywhere on your site pages or sidebar and have a video popout via lightbox over the page being viewed.<br />
The correct way to write the link is as a standard html anchor text link in the html mode (see examples below).<br />
<br />
example 1) <br />
<div class="codeblock">
<div class="title">Code:<br />
</div><div class="body" dir="ltr"><code>&lt;a href="http://www.youtube.com/watch?v=UXzMPd9pib0"&gt;Click To Watch Demo Video&lt;/a&gt;</code></div></div>
example 2) <div class="codeblock">
<div class="title">Code:<br />
</div><div class="body" dir="ltr"><code>&lt;a href="http://vimeo.com/24062009"&gt;Click to watch video&lt;/a&gt;</code></div></div>
<br />
Alternatively, you can make any video pop out via the lightbox by using the code <span style="font-weight: bold;">class="fancyvideo"</span> prior to the "href" part of the video link.<br />
<br />
For example:  <br />
<div class="codeblock">
<div class="title">Code:<br />
</div><div class="body" dir="ltr"><code>&lt;a class="fancyvideo" href="http://www.youtube.com/watch?v=HJQ8MsJuZUw&gt;Watch Video&lt;/a&gt;</code></div></div>
<br />
This will work with all videos whether or not they are Youtube or Vimeo.]]></content:encoded>
		</item>
	</channel>
</rss>