<?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: A Beautiful Apple-style Slideshow Gallery With CSS &amp; jQuery</title>
	<atom:link href="http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/feed/" rel="self" type="application/rss+xml" />
	<link>http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/</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: Tommie Anderson Jr.</title>
		<link>http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/#comment-21722</link>
		<dc:creator>Tommie Anderson Jr.</dc:creator>
		<pubDate>Wed, 25 Jan 2012 15:43:22 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=483#comment-21722</guid>
		<description>First off, thank you for an awesome tutorial. I was looking for a way to create a gallery using CSS, and your tutorial was perfect. I do have a question though. With the new monitors and laptop displays that are large then 1200 px wide. I noticed that you can see the edges of the previous and next image if you expand the browser window to full capacity. Is there a way to prevent these images from being seen?</description>
		<content:encoded><![CDATA[<p>First off, thank you for an awesome tutorial. I was looking for a way to create a gallery using CSS, and your tutorial was perfect. I do have a question though. With the new monitors and laptop displays that are large then 1200 px wide. I noticed that you can see the edges of the previous and next image if you expand the browser window to full capacity. Is there a way to prevent these images from being seen?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Landroval</title>
		<link>http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/#comment-21607</link>
		<dc:creator>Landroval</dc:creator>
		<pubDate>Wed, 18 Jan 2012 15:57:00 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=483#comment-21607</guid>
		<description>Martin - big big thanx to you!

DAN - you the best!!!!!</description>
		<content:encoded><![CDATA[<p>Martin &#8211; big big thanx to you!</p>
<p>DAN &#8211; you the best!!!!!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Danijel D.</title>
		<link>http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/#comment-21326</link>
		<dc:creator>Danijel D.</dc:creator>
		<pubDate>Sun, 01 Jan 2012 23:47:23 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=483#comment-21326</guid>
		<description>This is a really cool tutorial, thanks a bunch!</description>
		<content:encoded><![CDATA[<p>This is a really cool tutorial, thanks a bunch!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Adam M</title>
		<link>http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/#comment-21204</link>
		<dc:creator>Adam M</dc:creator>
		<pubDate>Sat, 24 Dec 2011 15:19:32 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=483#comment-21204</guid>
		<description>Lovely tutorial. Easy to follow, implement and modify.  Cheers!</description>
		<content:encoded><![CDATA[<p>Lovely tutorial. Easy to follow, implement and modify.  Cheers!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: parwaze</title>
		<link>http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/#comment-20884</link>
		<dc:creator>parwaze</dc:creator>
		<pubDate>Thu, 08 Dec 2011 13:10:55 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=483#comment-20884</guid>
		<description>Very useful i was looking something like that. I will use it in my website. Thanks a lot</description>
		<content:encoded><![CDATA[<p>Very useful i was looking something like that. I will use it in my website. Thanks a lot</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: salma</title>
		<link>http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/#comment-20820</link>
		<dc:creator>salma</dc:creator>
		<pubDate>Tue, 06 Dec 2011 20:20:33 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=483#comment-20820</guid>
		<description>Hello again, 

This is the code i am using 

 $(&#039;#pause&#039;).click(function () {
        clearInterval(itvl);
        $(this).hide();
        $(&#039;#play&#039;).show();

    });
    $(&#039;#play&#039;).click(function () {

        clearInterval(itvl);

        $(&#039;#menu-gallery ul li a&#039;).eq(current % $(&#039;#menu-gallery ul li a&#039;).length).trigger(&#039;click&#039;, [true]);
        current++;

        var changeEvery = 5;
        var itvl = setInterval(function () { autoAdvance() }, changeEvery * 1000);

        $(this).hide();
        $(&#039;#pause&#039;).show();
    });

but what is happening is the first time i click on pause it works great and then i click play and everything is fine but if i click on pause again nothing happens and the slider keeps scrolling..... any help please ???? it is very important</description>
		<content:encoded><![CDATA[<p>Hello again, </p>
<p>This is the code i am using </p>
<p> $(&#8216;#pause&#8217;).click(function () {<br />
        clearInterval(itvl);<br />
        $(this).hide();<br />
        $(&#8216;#play&#8217;).show();</p>
<p>    });<br />
    $(&#8216;#play&#8217;).click(function () {</p>
<p>        clearInterval(itvl);</p>
<p>        $(&#8216;#menu-gallery ul li a&#8217;).eq(current % $(&#8216;#menu-gallery ul li a&#8217;).length).trigger(&#8216;click&#8217;, [true]);<br />
        current++;</p>
<p>        var changeEvery = 5;<br />
        var itvl = setInterval(function () { autoAdvance() }, changeEvery * 1000);</p>
<p>        $(this).hide();<br />
        $(&#8216;#pause&#8217;).show();<br />
    });</p>
<p>but what is happening is the first time i click on pause it works great and then i click play and everything is fine but if i click on pause again nothing happens and the slider keeps scrolling&#8230;.. any help please ???? it is very important</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: salma</title>
		<link>http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/#comment-20793</link>
		<dc:creator>salma</dc:creator>
		<pubDate>Tue, 06 Dec 2011 11:01:31 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=483#comment-20793</guid>
		<description>Hi, I want to add a pause and play button. how can i do the pause and play effect ??</description>
		<content:encoded><![CDATA[<p>Hi, I want to add a pause and play button. how can i do the pause and play effect ??</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Daniel</title>
		<link>http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/#comment-20695</link>
		<dc:creator>Daniel</dc:creator>
		<pubDate>Wed, 30 Nov 2011 18:12:47 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=483#comment-20695</guid>
		<description>Ok, fixed that problem. I had to add the line: 

&lt;div style=”width: 770px;margin: 20px auto;” id=”slides”&gt;&lt;/div&gt;</description>
		<content:encoded><![CDATA[<p>Ok, fixed that problem. I had to add the line: </p>
<p>&lt;div style=”width: 770px;margin: 20px auto;” id=”slides”&gt;&lt;/div&gt;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Daniel</title>
		<link>http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/#comment-20694</link>
		<dc:creator>Daniel</dc:creator>
		<pubDate>Wed, 30 Nov 2011 17:54:20 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=483#comment-20694</guid>
		<description>Thank you so much for this slider, it&#039;s great. One problem I have is that when it first is loaded, it is showing the large second graphic instead of the first one?? Although it progresses properly, it starts on the second graphic, and that ends up being twice as long. The thumb nail is showing in order properly.</description>
		<content:encoded><![CDATA[<p>Thank you so much for this slider, it&#8217;s great. One problem I have is that when it first is loaded, it is showing the large second graphic instead of the first one?? Although it progresses properly, it starts on the second graphic, and that ends up being twice as long. The thumb nail is showing in order properly.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: fu</title>
		<link>http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/#comment-20648</link>
		<dc:creator>fu</dc:creator>
		<pubDate>Mon, 28 Nov 2011 07:01:23 +0000</pubDate>
		<guid isPermaLink="false">http://tutorialzine.com/?p=483#comment-20648</guid>
		<description>Thank you very much Dan, that worked beautifully :) Now I just have to make them pretty haha.</description>
		<content:encoded><![CDATA[<p>Thank you very much Dan, that worked beautifully :) Now I just have to make them pretty haha.</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 355/356 objects using apc
Content Delivery Network via cdn.tutorialzine.com

Served from: tutorialzine.com @ 2012-02-08 14:47:07 -->
