<?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: Simple image gallery &amp; slideshow with Scriptaculous and Prototype</title>
	<atom:link href="http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/</link>
	<description>TALK</description>
	<lastBuildDate>Wed, 01 Sep 2010 14:11:42 +0100</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
	<item>
		<title>By: Oleg</title>
		<link>http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/comment-page-1/#comment-4316</link>
		<dc:creator>Oleg</dc:creator>
		<pubDate>Mon, 22 Feb 2010 18:56:21 +0000</pubDate>
		<guid isPermaLink="false">http://www.tomdoyletalk.com/?p=654#comment-4316</guid>
		<description>It works fine for Firefox and IE form 6 to 8. I found my error.</description>
		<content:encoded><![CDATA[<p>It works fine for Firefox and IE form 6 to 8. I found my error.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Oleg</title>
		<link>http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/comment-page-1/#comment-4315</link>
		<dc:creator>Oleg</dc:creator>
		<pubDate>Mon, 22 Feb 2010 18:41:23 +0000</pubDate>
		<guid isPermaLink="false">http://www.tomdoyletalk.com/?p=654#comment-4315</guid>
		<description>Hy, the script is great, just what I was looking for. 
I test it in firefox and IE6 and was perfect but when I test it with IE8 I get the image cut before the fade effect, then change the image, load the new one and then shows the new image complete.</description>
		<content:encoded><![CDATA[<p>Hy, the script is great, just what I was looking for.<br />
I test it in firefox and IE6 and was perfect but when I test it with IE8 I get the image cut before the fade effect, then change the image, load the new one and then shows the new image complete.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Smashing Themes</title>
		<link>http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/comment-page-1/#comment-3852</link>
		<dc:creator>Smashing Themes</dc:creator>
		<pubDate>Fri, 14 Aug 2009 19:28:50 +0000</pubDate>
		<guid isPermaLink="false">http://www.tomdoyletalk.com/?p=654#comment-3852</guid>
		<description>Hi Tom, I too have found myself in the same situation many times. You need something really simple but you can&#039;t find. I also ended up writing my own scripts.</description>
		<content:encoded><![CDATA[<p>Hi Tom, I too have found myself in the same situation many times. You need something really simple but you can&#8217;t find. I also ended up writing my own scripts.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jose</title>
		<link>http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/comment-page-1/#comment-3734</link>
		<dc:creator>Jose</dc:creator>
		<pubDate>Wed, 03 Jun 2009 17:09:28 +0000</pubDate>
		<guid isPermaLink="false">http://www.tomdoyletalk.com/?p=654#comment-3734</guid>
		<description>You can use the $$( ) for prototype to load all images from classed-&quot;fade-box&quot; divs: 


// set the starting image.
var i = 0;			

// The array of div names which will hold the images.
var image_slide;

// The number of images in the array.
var NumOfImages = 0;

// The time to wait before moving to the next image. Set to 3 seconds by default.
var wait = 3000;

// The Fade Function
function SwapImage(x,y) {	
	$(image_slide[x]).appear({ duration: 1.0 });
	$(image_slide[y]).fade({duration: 1.0});
}

// the onload event handler that starts the fading.
function StartSlideShow() {

    var fadeboxes = $$(&quot;.fade-box&quot;);
	NumOfImages = fadeboxes.length;
	image_slide = new Array(fadeboxes.length); 
	
	for (var j=0; j &lt; fadeboxes.length; j++) {
	  image_slide[j] = fadeboxes[j].id;
	}




	play = setInterval(&#039;Play()&#039;,wait);
	$(&#039;PlayButton&#039;).hide();
	$(&#039;PauseButton&#039;).appear({ duration: 0});
								
}</description>
		<content:encoded><![CDATA[<p>You can use the $$( ) for prototype to load all images from classed-&#8221;fade-box&#8221; divs: </p>
<p>// set the starting image.<br />
var i = 0;			</p>
<p>// The array of div names which will hold the images.<br />
var image_slide;</p>
<p>// The number of images in the array.<br />
var NumOfImages = 0;</p>
<p>// The time to wait before moving to the next image. Set to 3 seconds by default.<br />
var wait = 3000;</p>
<p>// The Fade Function<br />
function SwapImage(x,y) {<br />
	$(image_slide[x]).appear({ duration: 1.0 });<br />
	$(image_slide[y]).fade({duration: 1.0});<br />
}</p>
<p>// the onload event handler that starts the fading.<br />
function StartSlideShow() {</p>
<p>    var fadeboxes = $$(&#8220;.fade-box&#8221;);<br />
	NumOfImages = fadeboxes.length;<br />
	image_slide = new Array(fadeboxes.length); </p>
<p>	for (var j=0; j &lt; fadeboxes.length; j++) {<br />
	  image_slide[j] = fadeboxes[j].id;<br />
	}</p>
<p>	play = setInterval(&#8216;Play()&#8217;,wait);<br />
	$(&#8216;PlayButton&#8217;).hide();<br />
	$(&#8216;PauseButton&#8217;).appear({ duration: 0});</p>
<p>}</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tom Doyle</title>
		<link>http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/comment-page-1/#comment-3333</link>
		<dc:creator>Tom Doyle</dc:creator>
		<pubDate>Thu, 18 Dec 2008 17:08:53 +0000</pubDate>
		<guid isPermaLink="false">http://www.tomdoyletalk.com/?p=654#comment-3333</guid>
		<description>It&#039;s PNG support in IE6 - sorry about that! :)</description>
		<content:encoded><![CDATA[<p>It&#8217;s PNG support in IE6 &#8211; sorry about that! <img src='http://www.tomdoyletalk.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tom Doyle</title>
		<link>http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/comment-page-1/#comment-3332</link>
		<dc:creator>Tom Doyle</dc:creator>
		<pubDate>Thu, 18 Dec 2008 16:24:50 +0000</pubDate>
		<guid isPermaLink="false">http://www.tomdoyletalk.com/?p=654#comment-3332</guid>
		<description>That&#039;s the one! :)</description>
		<content:encoded><![CDATA[<p>That&#8217;s the one! <img src='http://www.tomdoyletalk.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jeremy</title>
		<link>http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/comment-page-1/#comment-3331</link>
		<dc:creator>Jeremy</dc:creator>
		<pubDate>Thu, 18 Dec 2008 16:20:42 +0000</pubDate>
		<guid isPermaLink="false">http://www.tomdoyletalk.com/?p=654#comment-3331</guid>
		<description>PNG?  I&#039;m already using PNGs whats the problem?</description>
		<content:encoded><![CDATA[<p>PNG?  I&#8217;m already using PNGs whats the problem?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jim Morrison</title>
		<link>http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/comment-page-1/#comment-3330</link>
		<dc:creator>Jim Morrison</dc:creator>
		<pubDate>Thu, 18 Dec 2008 16:11:53 +0000</pubDate>
		<guid isPermaLink="false">http://www.tomdoyletalk.com/?p=654#comment-3330</guid>
		<description>Sure - what do you mean by PNG support!? ;-)

Anything along these lines:
http://www.icommunicate.co.uk/articles/all/definitive_ie_png_fix_21/

Jimbo</description>
		<content:encoded><![CDATA[<p>Sure &#8211; what do you mean by PNG support!? <img src='http://www.tomdoyletalk.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Anything along these lines:<br />
<a href="http://www.icommunicate.co.uk/articles/all/definitive_ie_png_fix_21/">http://www.icommunicate.co.uk/articles/all/definitive_ie_png_fix_21/</a></p>
<p>Jimbo</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tom Doyle</title>
		<link>http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/comment-page-1/#comment-3329</link>
		<dc:creator>Tom Doyle</dc:creator>
		<pubDate>Thu, 18 Dec 2008 16:00:11 +0000</pubDate>
		<guid isPermaLink="false">http://www.tomdoyletalk.com/?p=654#comment-3329</guid>
		<description>Oh BTW!
If you are still playing around with it, someone asked me recently to create PNG support for it. But to be honest I simply haven&#039;t got the time to do it right now. Anyone up for the challenge?</description>
		<content:encoded><![CDATA[<p>Oh BTW!<br />
If you are still playing around with it, someone asked me recently to create PNG support for it. But to be honest I simply haven&#8217;t got the time to do it right now. Anyone up for the challenge?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Tom Doyle</title>
		<link>http://www.tomdoyletalk.com/2008/10/28/simple-image-gallery-slideshow-with-scriptaculous-and-prototype/comment-page-1/#comment-3328</link>
		<dc:creator>Tom Doyle</dc:creator>
		<pubDate>Thu, 18 Dec 2008 15:57:28 +0000</pubDate>
		<guid isPermaLink="false">http://www.tomdoyletalk.com/?p=654#comment-3328</guid>
		<description>Hahaha this is class! I&#039;m finally famous! ;)
I love the note on the js file (plagerising!)!

I don&#039;t code all day anymore, stopped doing that a long time ago as my code probably shows! So it&#039;s great to see someone take it and improve it. 

Thanks for the menion Jimbo - I&#039;m honoured! :)</description>
		<content:encoded><![CDATA[<p>Hahaha this is class! I&#8217;m finally famous! <img src='http://www.tomdoyletalk.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /><br />
I love the note on the js file (plagerising!)!</p>
<p>I don&#8217;t code all day anymore, stopped doing that a long time ago as my code probably shows! So it&#8217;s great to see someone take it and improve it. </p>
<p>Thanks for the menion Jimbo &#8211; I&#8217;m honoured! <img src='http://www.tomdoyletalk.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
</channel>
</rss>
