<?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>Raju Mazumder &#187; innerfade</title>
	<atom:link href="http://www.stylephp.com/tag/innerfade/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.stylephp.com</link>
	<description>TDD, Agile and Open Source Enthusiastic</description>
	<lastBuildDate>Mon, 29 Jun 2009 17:36:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Customizing jQuery innerfade plug-in &#8211; Adding controls, navigation and caption</title>
		<link>http://www.stylephp.com/2009/01/17/customizing-jquery-innerfade-plug-in-adding-controls-navigation-and-caption/</link>
		<comments>http://www.stylephp.com/2009/01/17/customizing-jquery-innerfade-plug-in-adding-controls-navigation-and-caption/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 19:07:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[fading]]></category>
		<category><![CDATA[innerfade]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[slider]]></category>

		<guid isPermaLink="false">http://www.stylephp.com/2009/01/17/customizing-jquery-innerfade-plug-in-adding-controls-navigation-and-caption/</guid>
		<description><![CDATA[First of all thanks goes to Medienfreunde Hofmann &#38; Baldes GbR for their nice jQuery innerfade plug-in. It’s very popular and easy to use plug-in for adding slider in a web application.I’ve been a fan of this nice plug-in. Recently, for an application I had to add some more feature with this plugin. Here, I [...]]]></description>
			<content:encoded><![CDATA[<p>First of all thanks goes to <a href="http://medienfreunde.com">Medienfreunde Hofmann &amp; Baldes GbR</a> for their nice <a href="http://medienfreunde.com/lab/innerfade/">jQuery innerfade plug-in</a>. It’s very popular and easy to use plug-in for adding slider in a web application.I’ve been a fan of this nice plug-in. Recently, for an application I had to add some more feature with this plugin. Here, I just want to share my modifications with you.</p>
<h4><span style="text-decoration: underline;">New features I have added</span></h4>
<ul>
<li>
<ul>
<li>Add Slider controler where you can do play/stop,next/prev,first/last.</li>
<li>Add a navigation from where you can navigate to any slide.</li>
<li>Add a Slide caption where you can set caption for a slide.</li>
</ul>
</li>
</ul>
<p><a href="http://stylephp.com/demo_image/screenshot.jpg"><img class="alignnone" title="screen shot" src="http://stylephp.com/tmp/screenshot.jpg" alt="" /></a></p>
<p>Here is a <strong><a href="http://stylephp.com/jquery-plugin/Demo/">live demo</a></strong><strong></strong> here.</p>
<p><img class="alignnone" src="http://stylephp.com/demo_image/screenshot.jpg" alt="" width="721" height="269" /></p>
<h4><span style="text-decoration: underline;">Download</span></h4>
<p><a href="http://www.stylephp.com/jquery-plugin/Demo.zip">Download</a> it from here (). The zip file contains modified innerfade plugin along with an example.</p>
<h4><span style="text-decoration: underline;">How to use</span></h4>
<p>Nothing new. Use this plugin just as the original innerfade plugin. For additional features, set your options from "config.js". You can modify the "slide.css" as your application UI needs. Thats all.</p>
<h4>Plug-in Options</h4>
<ul>
<li><strong>slide_timer_on</strong> :  "yes" or "no". If "yes", then  slide will automatically play.</li>
<li><strong>slide_ui_parent </strong>: The ID of &lt;<em>ul&gt;</em> which contains the slide &lt;<em>li&gt;</em>s of slide. ( "portfolio" in attached example slider).</li>
<li><strong>slide_ui_text</strong> : The id of descrition/caption element. “portfolio-desc” in example. In case, you don’t want to use a caption, leave it "null"</li>
<li><strong>pause_button_id </strong>: The id of pause_button. “pause_button” in example. In case, you don’t want to use a controler, leave it "null"</li>
<li><strong>slide_nav_id</strong>: The id of slide navigation. “slide_nav” in example. In case, you don’t want to use a navigation, leave it "null"</li>
</ul>
<p>I have described here only new feature related options. All other  jquery innerfade settings will remain as is. Thats all. If you want to know anything more, just drop me a line. I will try my best to answer. enjoy!!!!
<ul class="related_post">
<li>No Related Post</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.stylephp.com/2009/01/17/customizing-jquery-innerfade-plug-in-adding-controls-navigation-and-caption/feed/</wfw:commentRss>
		<slash:comments>81</slash:comments>
		</item>
	</channel>
</rss>
