<?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: Responsive Image Gallery with Thumbnail Carousel</title>
	<atom:link href="http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/feed/" rel="self" type="application/rss+xml" />
	<link>http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/</link>
	<description>Useful resources and inspiration for creative minds</description>
	<lastBuildDate>Fri, 24 May 2013 09:21:57 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
	<item>
		<title>By: James</title>
		<link>http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/comment-page-7/#comment-420587</link>
		<dc:creator>James</dc:creator>
		<pubDate>Thu, 24 May 2012 08:03:52 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=5762#comment-420587</guid>
		<description><![CDATA[I&#039;m sorry for the duplicate post  but there was a problem in the lines of code I posted : in the append there is a part of code that I wrote in my previous message but wich doesn&#039;t appear (I think it&#039;s because the img and link tags are perform).
So I post a version without the stripe and precise to add them.
You can delete this post and the duplicate useless post.

Regards
James]]></description>
		<content:encoded><![CDATA[<p>I&#8217;m sorry for the duplicate post  but there was a problem in the lines of code I posted : in the append there is a part of code that I wrote in my previous message but wich doesn&#8217;t appear (I think it&#8217;s because the img and link tags are perform).<br />
So I post a version without the stripe and precise to add them.<br />
You can delete this post and the duplicate useless post.</p>
<p>Regards<br />
James</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: James</title>
		<link>http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/comment-page-7/#comment-420586</link>
		<dc:creator>James</dc:creator>
		<pubDate>Thu, 24 May 2012 08:00:38 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=5762#comment-420586</guid>
		<description><![CDATA[Hi all,

Here how to have a basic fancy box integration (I just tested rapidly because I don’t need it but I’ve seen many people ask how to have a popup when large image is clicked).

First you have to include the js and the css file of fancybox in the file where you have the carousel.

After in the file gallery .js, replace the line 222 : $rgGallery.find(&#039;div.rg-image&#039;).empty().append(&#039;img src=&quot;&#039; + largesrc + &#039;&quot;&#039;); by $rgGallery.find(&#039;div.rg-image&#039;).empty().append(&#039;a class=&#039;fancybox&#039; href=&quot;&#039;+largesrc+&#039;&quot; img src=&quot;&#039; + largesrc + &#039;&quot; a&#039;);

In this line, don&#039;t forget to add the &#039;&#039; for the img and link tags.
I can&#039;t add there here because if I do, the tag aren&#039;t show.

In the file where you have the carousel, had this in the end of the body :

$(document).ready(function() {
$(“.fancybox”).fancybox();
});

That’s all folks !]]></description>
		<content:encoded><![CDATA[<p>Hi all,</p>
<p>Here how to have a basic fancy box integration (I just tested rapidly because I don’t need it but I’ve seen many people ask how to have a popup when large image is clicked).</p>
<p>First you have to include the js and the css file of fancybox in the file where you have the carousel.</p>
<p>After in the file gallery .js, replace the line 222 : $rgGallery.find(&#8216;div.rg-image&#8217;).empty().append(&#8216;img src=&#8221;&#8216; + largesrc + &#8216;&#8221;&#8216;); by $rgGallery.find(&#8216;div.rg-image&#8217;).empty().append(&#8216;a class=&#8217;fancybox&#8217; href=&#8221;&#8216;+largesrc+&#8217;&#8221; img src=&#8221;&#8216; + largesrc + &#8216;&#8221; a&#8217;);</p>
<p>In this line, don&#8217;t forget to add the &#8221; for the img and link tags.<br />
I can&#8217;t add there here because if I do, the tag aren&#8217;t show.</p>
<p>In the file where you have the carousel, had this in the end of the body :</p>
<p>$(document).ready(function() {<br />
$(“.fancybox”).fancybox();<br />
});</p>
<p>That’s all folks !</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: James</title>
		<link>http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/comment-page-7/#comment-420585</link>
		<dc:creator>James</dc:creator>
		<pubDate>Thu, 24 May 2012 07:55:03 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=5762#comment-420585</guid>
		<description><![CDATA[Hi all,

Here how to have a basic fancy box integration (I just tested rapidly because I don’t need it but I’ve seen many people ask how to have a popup when large image is clicked).

First you have to include the js and the css file of fancybox in the file where you have the carousel.

After in the file gallery .js, replace the line 222 : &lt;code&gt;$rgGallery.find(&#039;div.rg-image&#039;).empty().append(&#039;&#039;);&lt;/code&gt; by &lt;code&gt;$rgGallery.find(&#039;div.rg-image&#039;).empty().append(&#039;&lt;a href=&quot;&#039;+largesrc+&#039;&quot; rel=&quot;nofollow&quot;&gt;&lt;/a&gt;&#039;);&lt;/code&gt;

In the file where you have the carousel, had this in the end of the body :

$(document).ready(function() {
$(“.fancybox”).fancybox();
});

That’s all folks !]]></description>
		<content:encoded><![CDATA[<p>Hi all,</p>
<p>Here how to have a basic fancy box integration (I just tested rapidly because I don’t need it but I’ve seen many people ask how to have a popup when large image is clicked).</p>
<p>First you have to include the js and the css file of fancybox in the file where you have the carousel.</p>
<p>After in the file gallery .js, replace the line 222 : <code>$rgGallery.find('div.rg-image').empty().append('');</code> by <code>$rgGallery.find('div.rg-image').empty().append('<a href="'+largesrc+'" rel="nofollow"></a>');</code></p>
<p>In the file where you have the carousel, had this in the end of the body :</p>
<p>$(document).ready(function() {<br />
$(“.fancybox”).fancybox();<br />
});</p>
<p>That’s all folks !</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: James</title>
		<link>http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/comment-page-7/#comment-420558</link>
		<dc:creator>James</dc:creator>
		<pubDate>Wed, 23 May 2012 16:41:05 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=5762#comment-420558</guid>
		<description><![CDATA[Hi all,

I&#039;ve seen many time people ask if it&#039;s possible to have an automatic slideshow.
I wanted the same thing and I find a way to do it.
In the file gallery.js, in the function _initCarousel add these lines after $esCarousel.elastislide( &#039;setCurrent&#039;, current ); (~ line 103) :

window.setInterval(function(){
     _navigate( &#039;right&#039; );
}, 5000);

You just have to change 5000 to the value you want.]]></description>
		<content:encoded><![CDATA[<p>Hi all,</p>
<p>I&#8217;ve seen many time people ask if it&#8217;s possible to have an automatic slideshow.<br />
I wanted the same thing and I find a way to do it.<br />
In the file gallery.js, in the function _initCarousel add these lines after $esCarousel.elastislide( &#8216;setCurrent&#8217;, current ); (~ line 103) :</p>
<p>window.setInterval(function(){<br />
     _navigate( &#8216;right&#8217; );<br />
}, 5000);</p>
<p>You just have to change 5000 to the value you want.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Munjal Thakakr</title>
		<link>http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/comment-page-7/#comment-420513</link>
		<dc:creator>Munjal Thakakr</dc:creator>
		<pubDate>Tue, 22 May 2012 22:35:26 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=5762#comment-420513</guid>
		<description><![CDATA[Any way to get this as a wordpress plugin ? tips?]]></description>
		<content:encoded><![CDATA[<p>Any way to get this as a wordpress plugin ? tips?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: James</title>
		<link>http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/comment-page-7/#comment-420120</link>
		<dc:creator>James</dc:creator>
		<pubDate>Thu, 17 May 2012 22:50:58 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=5762#comment-420120</guid>
		<description><![CDATA[Hi, 

Hi Eric,

I&#039;m trying to do exactly the same thing but don&#039;t understand what you mean by &quot;taking codes outside from the template to normal div&quot;.

Could you please put in a little bit of sample code or a link? 

Thanks :  )

James]]></description>
		<content:encoded><![CDATA[<p>Hi, </p>
<p>Hi Eric,</p>
<p>I&#8217;m trying to do exactly the same thing but don&#8217;t understand what you mean by &#8220;taking codes outside from the template to normal div&#8221;.</p>
<p>Could you please put in a little bit of sample code or a link? </p>
<p>Thanks :  )</p>
<p>James</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Mark</title>
		<link>http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/comment-page-7/#comment-420116</link>
		<dc:creator>Mark</dc:creator>
		<pubDate>Thu, 17 May 2012 19:42:45 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=5762#comment-420116</guid>
		<description><![CDATA[How would you allow a popup when a large image is clicked?]]></description>
		<content:encoded><![CDATA[<p>How would you allow a popup when a large image is clicked?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: nasir</title>
		<link>http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/comment-page-7/#comment-420059</link>
		<dc:creator>nasir</dc:creator>
		<pubDate>Wed, 16 May 2012 05:08:29 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=5762#comment-420059</guid>
		<description><![CDATA[nice but too slow sliding]]></description>
		<content:encoded><![CDATA[<p>nice but too slow sliding</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Eric</title>
		<link>http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/comment-page-7/#comment-419924</link>
		<dc:creator>Eric</dc:creator>
		<pubDate>Fri, 11 May 2012 07:13:33 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=5762#comment-419924</guid>
		<description><![CDATA[Nvm I solved it by taking codes outside from the template to normal div .]]></description>
		<content:encoded><![CDATA[<p>Nvm I solved it by taking codes outside from the template to normal div .</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Eric</title>
		<link>http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/comment-page-7/#comment-419922</link>
		<dc:creator>Eric</dc:creator>
		<pubDate>Fri, 11 May 2012 05:42:52 +0000</pubDate>
		<guid isPermaLink="false">http://tympanus.net/codrops/?p=5762#comment-419922</guid>
		<description><![CDATA[Hi Mary , love your plugin . But I can&#039;t get any of the popup plugins to work with your plugin , as I want the Big image to be clickable and then popup a larger size . I&#039;ve tried Facebox , lightbox , thickbox , fancybox etc and none of them work . Clicking the image will just redirect me to a new page with the image . Any help here ?]]></description>
		<content:encoded><![CDATA[<p>Hi Mary , love your plugin . But I can&#8217;t get any of the popup plugins to work with your plugin , as I want the Big image to be clickable and then popup a larger size . I&#8217;ve tried Facebox , lightbox , thickbox , fancybox etc and none of them work . Clicking the image will just redirect me to a new page with the image . Any help here ?</p>
]]></content:encoded>
	</item>
</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic
Page Caching using disk: enhanced
Database Caching 8/23 queries in 0.016 seconds using disk: basic
Content Delivery Network via codropspz.tympanus.netdna-cdn.com

 Served from: tympanus.net @ 2013-05-24 14:38:08 by W3 Total Cache -->