<?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/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Sponsor Flip Wall With jQuery &amp; CSS</title>
	<atom:link href="http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/feed/" rel="self" type="application/rss+xml" />
	<link>http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/</link>
	<description>Web Development Tutorials &#38; Resources</description>
	<lastBuildDate>Wed, 22 May 2013 17:47:01 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
	<item>
		<title>By: LucidN21</title>
		<link>http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/#comment-81518</link>
		<dc:creator>LucidN21</dc:creator>
		<pubDate>Wed, 08 May 2013 08:34:43 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=797#comment-81518</guid>
		<description><![CDATA[Hi Stina, 

have you ever managed to make this work with HTML only?]]></description>
		<content:encoded><![CDATA[<p>Hi Stina, </p>
<p>have you ever managed to make this work with HTML only?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Matty</title>
		<link>http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/#comment-80601</link>
		<dc:creator>Matty</dc:creator>
		<pubDate>Tue, 09 Apr 2013 15:00:30 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=797#comment-80601</guid>
		<description><![CDATA[Is it possible to leave a tile flipped when you go onto the page it goes to?]]></description>
		<content:encoded><![CDATA[<p>Is it possible to leave a tile flipped when you go onto the page it goes to?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: orbit</title>
		<link>http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/#comment-79901</link>
		<dc:creator>orbit</dc:creator>
		<pubDate>Fri, 22 Mar 2013 18:04:50 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=797#comment-79901</guid>
		<description><![CDATA[Our sponsors need to be displayed in categories - is there a way to create groups separated by category headline?]]></description>
		<content:encoded><![CDATA[<p>Our sponsors need to be displayed in categories - is there a way to create groups separated by category headline?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: John Anderson</title>
		<link>http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/#comment-78788</link>
		<dc:creator>John Anderson</dc:creator>
		<pubDate>Wed, 06 Mar 2013 20:13:16 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=797#comment-78788</guid>
		<description><![CDATA[Thanks a million... Brilliant plugin, and nicely explained! :-D]]></description>
		<content:encoded><![CDATA[<p>Thanks a million... Brilliant plugin, and nicely explained! :-D</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Gerbrand</title>
		<link>http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/#comment-78118</link>
		<dc:creator>Gerbrand</dc:creator>
		<pubDate>Mon, 18 Feb 2013 19:55:24 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=797#comment-78118</guid>
		<description><![CDATA[Thanks , this works for me!]]></description>
		<content:encoded><![CDATA[<p>Thanks , this works for me!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: IHeartMoon</title>
		<link>http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/#comment-78058</link>
		<dc:creator>IHeartMoon</dc:creator>
		<pubDate>Sat, 16 Feb 2013 19:05:28 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=797#comment-78058</guid>
		<description><![CDATA[This is how I got the hover in/out to work:

&lt;pre&gt;
$(document).ready(function(){
	/* The following code is executed once the DOM is loaded */
	
	$(&#039;.sponsorFlip&#039;).bind(&quot;mouseover &quot;,function(){
		
		// $(this) point to the clicked .sponsorFlip element (caching it in elem for speed):
		
		var elem = $(this);
		
		// data(&#039;flipped&#039;) is a flag we set when we flip the element:
		
		if(elem.data(&#039;flipped&#039;))
		{
			// If the element has already been flipped, use the revertFlip method
			// defined by the plug-in to revert to the default state automatically:
		
		elem.data(&#039;flipped&#039;,true)	
		}
		else
		{
			// Using the flip method defined by the plugin:
			
			elem.flip({
				direction:&#039;lr&#039;,
				speed: 350,
				onBefore: function(){
					// Insert the contents of the .sponsorData div (hidden from view with display:none)
					// into the clicked .sponsorFlip div before the flipping animation starts:
					
					elem.html(elem.siblings(&#039;.sponsorData&#039;).html());
				}
			});
			
			// Setting the flag:
			
			
		}
	});
	
});

$(document).ready(function(){
	/* The following code is executed once the DOM is loaded */
	
	$(&#039;.sponsorFlip&#039;).bind(&quot;mouseout &quot;,function(){
		
		// $(this) point to the clicked .sponsorFlip element (caching it in elem for speed):
		
		var elem = $(this);
		
		// data(&#039;flipped&#039;) is a flag we set when we flip the element:
		
		
			elem.revertFlip();
			// Setting the flag:
			elem.data(&#039;flipped&#039;,true)
			
			// Unsetting the flag:
			
		
	});
	
});
&lt;/pre&gt;]]></description>
		<content:encoded><![CDATA[<p>This is how I got the hover in/out to work:</p>
<pre>
$(document).ready(function(){
	/* The following code is executed once the DOM is loaded */
	
	$('.sponsorFlip').bind(&quot;mouseover &quot;,function(){
		
		// $(this) point to the clicked .sponsorFlip element (caching it in elem for speed):
		
		var elem = $(this);
		
		// data('flipped') is a flag we set when we flip the element:
		
		if(elem.data('flipped'))
		{
			// If the element has already been flipped, use the revertFlip method
			// defined by the plug-in to revert to the default state automatically:
		
		elem.data('flipped',true)	
		}
		else
		{
			// Using the flip method defined by the plugin:
			
			elem.flip({
				direction:'lr',
				speed: 350,
				onBefore: function(){
					// Insert the contents of the .sponsorData div (hidden from view with display:none)
					// into the clicked .sponsorFlip div before the flipping animation starts:
					
					elem.html(elem.siblings('.sponsorData').html());
				}
			});
			
			// Setting the flag:
			
			
		}
	});
	
});

$(document).ready(function(){
	/* The following code is executed once the DOM is loaded */
	
	$('.sponsorFlip').bind(&quot;mouseout &quot;,function(){
		
		// $(this) point to the clicked .sponsorFlip element (caching it in elem for speed):
		
		var elem = $(this);
		
		// data('flipped') is a flag we set when we flip the element:
		
		
			elem.revertFlip();
			// Setting the flag:
			elem.data('flipped',true)
			
			// Unsetting the flag:
			
		
	});
	
});
</pre>
]]></content:encoded>
	</item>
	<item>
		<title>By: nilltre</title>
		<link>http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/#comment-77859</link>
		<dc:creator>nilltre</dc:creator>
		<pubDate>Wed, 06 Feb 2013 01:52:14 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=797#comment-77859</guid>
		<description><![CDATA[I would guess you&#039;ve loaded jquery multiple times. Usually the cause of this.]]></description>
		<content:encoded><![CDATA[<p>I would guess you've loaded jquery multiple times. Usually the cause of this.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jeremy</title>
		<link>http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/#comment-77751</link>
		<dc:creator>Jeremy</dc:creator>
		<pubDate>Thu, 31 Jan 2013 11:24:32 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=797#comment-77751</guid>
		<description><![CDATA[Is it possible to prevent the flip when you click on the actual text link that brings you to another page? Let me know if that&#039;s possible.

Thanks]]></description>
		<content:encoded><![CDATA[<p>Is it possible to prevent the flip when you click on the actual text link that brings you to another page? Let me know if that's possible.</p>
<p>Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Fernanda</title>
		<link>http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/#comment-77715</link>
		<dc:creator>Fernanda</dc:creator>
		<pubDate>Tue, 29 Jan 2013 14:07:43 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=797#comment-77715</guid>
		<description><![CDATA[Hi Martin
I really liked your plugin, I added it and works super well but generates conflict with a plugin dropdown menu, the menu stays open all the time. I wonder what is the root of the problem, if you could help me, because before activating your plugin it looked so good.

Thank you!]]></description>
		<content:encoded><![CDATA[<p>Hi Martin<br />
I really liked your plugin, I added it and works super well but generates conflict with a plugin dropdown menu, the menu stays open all the time. I wonder what is the root of the problem, if you could help me, because before activating your plugin it looked so good.</p>
<p>Thank you!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: George</title>
		<link>http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/#comment-77339</link>
		<dc:creator>George</dc:creator>
		<pubDate>Fri, 11 Jan 2013 06:15:11 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=797#comment-77339</guid>
		<description><![CDATA[Hey Martin, this is very nice!  I will download and play with it, but I need two more features.  Please tell me if the script can do these things:

1) flip a single panel through several images (using hover)

2) once an image is settled upon, click to save it&#039;s id in a form&#039;s textbox

Basically, I want to use this as a basis for filling out a form.  Can it be done?

Tx,

George]]></description>
		<content:encoded><![CDATA[<p>Hey Martin, this is very nice!  I will download and play with it, but I need two more features.  Please tell me if the script can do these things:</p>
<p>1) flip a single panel through several images (using hover)</p>
<p>2) once an image is settled upon, click to save it's id in a form's textbox</p>
<p>Basically, I want to use this as a basis for filling out a form.  Can it be done?</p>
<p>Tx,</p>
<p>George</p>
]]></content:encoded>
	</item>
</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using apc
Page Caching using apc
Object Caching 287/290 objects using apc
Content Delivery Network via cdn.tutorialzine.com

 Served from: tutorialzine.com @ 2013-05-22 14:16:07 by W3 Total Cache -->