<?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: An Awesome CSS3 Lightbox Gallery With jQuery</title>
	<atom:link href="http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/</link>
	<description>Web Development Tutorials &#38; Resources</description>
	<lastBuildDate>Tue, 07 Feb 2012 23:23:10 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>By: rochdi mehdi</title>
		<link>http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/#comment-21234</link>
		<dc:creator>rochdi mehdi</dc:creator>
		<pubDate>Tue, 27 Dec 2011 11:39:39 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=520#comment-21234</guid>
		<description>hi, thanks for this tutorial, but doesn&#039;t work in IE9 .

it&#039;s really weird that the example works on older browsers and not IE9</description>
		<content:encoded><![CDATA[<p>hi, thanks for this tutorial, but doesn&#8217;t work in IE9 .</p>
<p>it&#8217;s really weird that the example works on older browsers and not IE9</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Stan</title>
		<link>http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/#comment-21165</link>
		<dc:creator>Stan</dc:creator>
		<pubDate>Thu, 22 Dec 2011 21:44:17 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=520#comment-21165</guid>
		<description>Hello anyone know how i can put a background onto this, i have a wood one and have tried everything to put it on. Please help fast</description>
		<content:encoded><![CDATA[<p>Hello anyone know how i can put a background onto this, i have a wood one and have tried everything to put it on. Please help fast</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Büyü</title>
		<link>http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/#comment-10439</link>
		<dc:creator>Büyü</dc:creator>
		<pubDate>Wed, 01 Sep 2010 12:43:25 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=520#comment-10439</guid>
		<description>ok i fixed problem :D</description>
		<content:encoded><![CDATA[<p>ok i fixed problem :D</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Felix</title>
		<link>http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/#comment-8223</link>
		<dc:creator>Felix</dc:creator>
		<pubDate>Sat, 24 Jul 2010 17:19:09 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=520#comment-8223</guid>
		<description>ok i fixed problem :D</description>
		<content:encoded><![CDATA[<p>ok i fixed problem :D</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: ndrew</title>
		<link>http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/#comment-7482</link>
		<dc:creator>ndrew</dc:creator>
		<pubDate>Tue, 13 Jul 2010 07:33:54 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=520#comment-7482</guid>
		<description>it helps me a lot..</description>
		<content:encoded><![CDATA[<p>it helps me a lot..</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Shubhojit</title>
		<link>http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/#comment-5920</link>
		<dc:creator>Shubhojit</dc:creator>
		<pubDate>Sun, 30 May 2010 11:00:09 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=520#comment-5920</guid>
		<description>it was simply awesome</description>
		<content:encoded><![CDATA[<p>it was simply awesome</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Alex</title>
		<link>http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/#comment-5581</link>
		<dc:creator>Alex</dc:creator>
		<pubDate>Tue, 18 May 2010 13:08:31 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=520#comment-5581</guid>
		<description>To support the Internet Explorer Browser 7.0, we have to use the following method:

filter: progid:DXImageTransform.Microsoft.Matrix()



To make things working, add the following php-code, to calculate the cos and sin:

$deg2radians = pi() * 2 / 360;
$rad = $rot * $deg2radians;
$cosTheta = cos($rad);
$sinTheta = sin($rad);

Then we can use it in the style property:

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\&#039;auto expand\&#039;, M11=&#039;.$cosTheta.&#039;,M12=&#039;.-$sinTheta.&#039;,M21=&#039;.$sinTheta.&#039;,M22=&#039;.$cosTheta.&#039;);


Full code:




Hope, thats helps.</description>
		<content:encoded><![CDATA[<p>To support the Internet Explorer Browser 7.0, we have to use the following method:</p>
<p>filter: progid:DXImageTransform.Microsoft.Matrix()</p>
<p>To make things working, add the following php-code, to calculate the cos and sin:</p>
<p>$deg2radians = pi() * 2 / 360;<br />
$rad = $rot * $deg2radians;<br />
$cosTheta = cos($rad);<br />
$sinTheta = sin($rad);</p>
<p>Then we can use it in the style property:</p>
<p>filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\&#8217;auto expand\&#8217;, M11=&#8217;.$cosTheta.&#8217;,M12=&#8217;.-$sinTheta.&#8217;,M21=&#8217;.$sinTheta.&#8217;,M22=&#8217;.$cosTheta.&#8217;);</p>
<p>Full code:</p>
<p>Hope, thats helps.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: bardzo</title>
		<link>http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/#comment-5200</link>
		<dc:creator>bardzo</dc:creator>
		<pubDate>Sat, 01 May 2010 09:23:58 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=520#comment-5200</guid>
		<description>Images were not rotated in Opera. 

In .php file just add after &quot;-o-transform:rotate(&#039;.$rot.&#039;deg);&quot; to make it work.

Does anyone know how to make it work in IE?</description>
		<content:encoded><![CDATA[<p>Images were not rotated in Opera. </p>
<p>In .php file just add after &#8220;-o-transform:rotate(&#8216;.$rot.&#8217;deg);&#8221; to make it work.</p>
<p>Does anyone know how to make it work in IE?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tony</title>
		<link>http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/#comment-5056</link>
		<dc:creator>Tony</dc:creator>
		<pubDate>Tue, 27 Apr 2010 21:55:32 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=520#comment-5056</guid>
		<description>That&#039;s impressive. I remember reading a similar article on Carsonifies about the same idea.</description>
		<content:encoded><![CDATA[<p>That&#8217;s impressive. I remember reading a similar article on Carsonifies about the same idea.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: POUND!</title>
		<link>http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/#comment-4891</link>
		<dc:creator>POUND!</dc:creator>
		<pubDate>Thu, 22 Apr 2010 09:52:10 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=520#comment-4891</guid>
		<description>Hey , fantastic work! From a designeres point of view, clean simple and interesting!

I&#039;m thinking of using this approach for an online store therefore, would it be possible to pull the images from a mysql and display with some descriptive text and variables?

What do you think?</description>
		<content:encoded><![CDATA[<p>Hey , fantastic work! From a designeres point of view, clean simple and interesting!</p>
<p>I&#8217;m thinking of using this approach for an online store therefore, would it be possible to pull the images from a mysql and display with some descriptive text and variables?</p>
<p>What do you think?</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 356/358 objects using apc
Content Delivery Network via cdn.tutorialzine.com

Served from: tutorialzine.com @ 2012-02-08 14:19:50 -->
