<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Programming Ideas, Logics, Tips and Tricks &#187; lightbox</title>
	<atom:link href="http://www.sajithmr.me/tag/lightbox/feed" rel="self" type="application/rss+xml" />
	<link>http://www.sajithmr.me</link>
	<description></description>
	<lastBuildDate>Mon, 23 Jan 2012 15:44:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Fancy box</title>
		<link>http://www.sajithmr.me/fancy-box</link>
		<comments>http://www.sajithmr.me/fancy-box#comments</comments>
		<pubDate>Sun, 08 Nov 2009 16:58:16 +0000</pubDate>
		<dc:creator>Mr Me</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[fancybox]]></category>
		<category><![CDATA[iframe]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[light]]></category>
		<category><![CDATA[lightbox]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[window]]></category>

		<guid isPermaLink="false">http://www.sajithmr.me/?p=471</guid>
		<description><![CDATA[Finally I found a good light-box which really matches the name &#8220;Light box&#8221; in FancyBox.  It is a jQuery based light window. It has very less features while compare with any other light box, but simple to use. Compatible with all browsers. Go here to find it : http://fancybox.net/ You need to add the below [...]]]></description>
			<content:encoded><![CDATA[<p>Finally I found a good light-box which really matches the name &#8220;Light box&#8221; in FancyBox.  It is a jQuery based light window. It has very less features while compare with any other light box, but simple to use. Compatible with all browsers.</p>
<p><img class="alignnone size-medium wp-image-472" title="bg_logo" src="http://www.sajithmr.me/wp-content/uploads/2009/11/bg_logo-300x81.gif" alt="bg_logo" width="300" height="81" /></p>
<p>Go here to find it : <a href="http://fancybox.net/" target="_blank">http://fancybox.net/</a></p>
<p>You need to add the below javascript in addition to the jquery js file.</p>
<p><code>&lt;script type="text/javascript" src="path-to-file/jquery.fancybox.js"&gt;&lt;/script&gt; </code></p>
<p>To create a link to open in fancybox, call the function fancybox. For example, if you have a link pointing an image &lt;a href=&#8221;myimage.gif&#8221; id=&#8221;imglink&#8221; /&gt;</p>
<p>Call</p>
<p>&lt;script&gt;</p>
<p>$(&#8220;#imglink&#8221;).fancybox();</p>
<p>&lt;/script&gt;</p>
<p>The window automatically resize with image. If you put <strong>title</strong> attribute, it shows the title below with the light window.</p>
<p>Instead of image, you can point a file. If you need to open that file in iframe, use <span style="color: #008000;"><strong>class</strong></span>=<span style="color: #3366ff;"><em><strong>&#8220;iframe&#8221;</strong></em></span></p>
<p>Visit<a href="http://fancybox.net/howto" target="_blank"> http://fancybox.net/howto</a> for more usability.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sajithmr.me/fancy-box/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

