<?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: AJAX Image Gallery powered by Slideflow (like Cover Flow)</title> <atom:link href="http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/feed/" rel="self" type="application/rss+xml" /><link>http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/</link> <description>realizing digital media</description> <lastBuildDate>Wed, 10 Mar 2010 10:39:02 +0100</lastBuildDate> <generator>http://wordpress.org/?v=2.8.6</generator> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <item><title>By: david</title><link>http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/comment-page-3/#comment-13291</link> <dc:creator>david</dc:creator> <pubDate>Wed, 10 Mar 2010 10:39:02 +0000</pubDate> <guid
isPermaLink="false">http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/#comment-13291</guid> <description>empese con html hace 2 meses ........en donde hay que introducir este codigo ? body ?luego hay que hacer algo mas ?</description> <content:encoded><![CDATA[<p>empese con html hace 2 meses &#8230;&#8230;..</p><p>en donde hay que introducir este codigo ? body ?</p><p>luego hay que hacer algo mas ?</p> ]]></content:encoded> </item> <item><title>By: tebert</title><link>http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/comment-page-3/#comment-12969</link> <dc:creator>tebert</dc:creator> <pubDate>Thu, 25 Feb 2010 02:13:04 +0000</pubDate> <guid
isPermaLink="false">http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/#comment-12969</guid> <description>Well...for me the example above works on IE 5.5/Windows 2000 up to IE 8/Windows 7. May be smoother on IE but the JavaScript implementation in IE is still crappy. Try using Safari, Chrome or FF instead if you think it is slow :)
If the sample above doesn&#039;t work for you please check your IE settings first to make sure JavaScript is enabled which it is in the default configuration.</description> <content:encoded><![CDATA[<p>Well&#8230;for me the example above works on IE 5.5/Windows 2000 up to IE 8/Windows 7. May be smoother on IE but the JavaScript implementation in IE is still crappy. Try using Safari, Chrome or FF instead if you think it is slow <img
src='http://assets.mediaeventservices.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br
/> If the sample above doesn&#8217;t work for you please check your IE settings first to make sure JavaScript is enabled which it is in the default configuration.</p> ]]></content:encoded> </item> <item><title>By: April</title><link>http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/comment-page-3/#comment-12963</link> <dc:creator>April</dc:creator> <pubDate>Wed, 24 Feb 2010 21:27:11 +0000</pubDate> <guid
isPermaLink="false">http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/#comment-12963</guid> <description>Very nice script but not working in IE. is there a fix?</description> <content:encoded><![CDATA[<p>Very nice script but not working in IE. is there a fix?</p> ]]></content:encoded> </item> <item><title>By: Terry H</title><link>http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/comment-page-3/#comment-12815</link> <dc:creator>Terry H</dc:creator> <pubDate>Fri, 19 Feb 2010 00:55:36 +0000</pubDate> <guid
isPermaLink="false">http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/#comment-12815</guid> <description>btw, mine works in IE ok. Right now to test it I put my page in the root of the file structure in what his zip file created. I made no deviations to anything. I put his header stuff in my head and the body like he has it in my body in a div to make it fit my purpose.Here is my code (unfinished page but working), see if it helps with your IE issues.&lt;!--[if lte IE 6]&gt;--&gt;&lt;!--
var numPhotos;
var slideFlowSlider;
var slideFlow;
var currentImg;
var preloader;
var fadeInTimeout;
var scrollHandler;
var photos;
var currentEffect;
var slHover;var SLIDE_TPL = {
&#039;b_vertical&#039; : false, &#039;b_watch&#039;: true	/* update while dragging */, &#039;n_controlWidth&#039;: 300, &#039;n_controlHeight&#039;: 7,
&#039;n_sliderWidth&#039;: 14, &#039;n_sliderHeight&#039;: 7, &#039;n_pathLeft&#039; : 0, &#039;n_pathTop&#039; : 0, &#039;n_pathLength&#039; : 300-14, &#039;n_zIndex&#039;: 1
}var SLIDE_INIT = {
&#039;n_minValue&#039; : 0, &#039;n_maxValue&#039; : 100, &#039;n_value&#039; : 0, &#039;n_step&#039; : 1
}var SLIDEFLOW_DATA = {
&#039;imgWidthNormal&#039;: 100, &#039;imgWidthTilted&#039;: 75, &#039;imgHeight&#039;: 90, &#039;slideDistance&#039;: 25,
&#039;onCenterClick&#039;: handleSlideClick, &#039;handleSlideMove&#039;: handleSlideMove, &#039;containerElement&#039;: null,
&#039;pathLeft&#039;: &#039;photos/left&#039;, &#039;pathCenter&#039;: &#039;photos/center&#039;, &#039;pathRight&#039;: &#039;photos/right&#039;,
&#039;transparentImg&#039;: &#039;images/transparent.gif&#039;, &#039;cursorOpenHand&#039;: &#039;images/openhand.cur&#039;, &#039;cursorClosedHand&#039;: &#039;images/closedhand.cur&#039;
}function handleSlideMove(pos) {
if (slideFlowSlider)
slideFlowSlider.f_setValue(pos, false, true /* kein update */);
}function handleSlideClick(imgNumber) {
swapPhoto(imgNumber);
}function handleSlideSeek(pos) {
slideFlow.disableMoveUpdate();
slideFlow.glideToPerc(pos);
}function swapPhoto(photoNumber) {
/* Preload */
var imgSrc = &#039;photos/large/&#039;+ photos.item(photoNumber - 1).getElementsByTagName(&quot;src&quot;)[0].childNodes[0].nodeValue;
var wasPreloading = (preloader != undefined);
preloader = new Image;
preloader.src = imgSrc;
currentImg = photoNumber;/* Fade out and show new photo */
if (!wasPreloading) {
if (currentEffect &amp;&amp; currentEffect.state != &#039;finished&#039;)
currentEffect.cancel();currentEffect = new Effect.Fade($(&#039;fadeArea&#039;), { duration:0.4, to: 0.001, afterFinish: fadeIn });
}
}function skipPhoto(offset) {
photoNumber = currentImg + offset;
if (photoNumber  numPhotos)
return;swapPhoto(photoNumber);
slideFlow.glideToSlide(photoNumber);
}function fadeIn() {
fadeInTimeout = null;if (!preloader)
return;
else if (preloader.complete) {
if (currentEffect &amp;&amp; currentEffect.state != &#039;finished&#039;)
currentEffect.cancel();
currentEffect = new Effect.Appear($(&#039;fadeArea&#039;), {duration: 0.8, beforeSetup: function(effect) {
$(&#039;photo&#039;).src = preloader.src;
$(&#039;title&#039;).innerHTML = photos.item(currentImg - 1).getElementsByTagName(&quot;title&quot;)[0].childNodes[0].nodeValue;
$(&#039;subtitle&#039;).innerHTML = photos.item(currentImg - 1).getElementsByTagName(&quot;subtitle&quot;)[0].childNodes[0].nodeValue;
preloader = undefined;
}});
} else if (!fadeInTimeout) {
fadeInTimeout = window.setTimeout(&quot;fadeIn()&quot;, 100);
}
}function handleWheel(delta) {
if (slideFlow)
slideFlow.scroll(delta);
}function handleKeys(evt) {
evt = (evt) ? evt : ((window.event) ? event : null);
if (evt) {
//debugLog(&quot;key &quot; + evt.keyCode);
switch (evt.keyCode) {
case 40: /* down */
case 39: /* right */
skipPhoto(1);
return false;
break;
case 38: /* up */
case 37: /* left */
skipPhoto(-1);
return false;
break;
}
}
}function init() {
swapPhoto(1);
slideFlowSlider.f_show();
document.onkeydown = handleKeys;
scrollHandler = new ScrollHandler(handleWheel);
/* Preload slider hover */
slHover = new Image;
slHover.src = &quot;images/seekslider-hover.gif&quot;;/* IE6 hover fix */
if (window.ieFixHover) {
$$(&#039;.sliderbutton&#039;).each(ieFixHover);
}
}// --&gt;Home - Toni Truesdale&gt;&lt;!-- body area --&gt;
&#160;
&#160;
&lt;!--
httpReq = getHttpReq();if (httpReq) {
xmlDoc = getXmlDoc(httpReq, &quot;photos.xml&quot;);if (xmlDoc) {
photos = xmlDoc.getElementsByTagName(&quot;photo&quot;);
SLIDEFLOW_DATA[&#039;containerElement&#039;] = $(&#039;slideflow&#039;);
SLIDEFLOW_DATA[&#039;images&#039;] = new Array();
for (var i=0; i&lt;!-- end body area --&gt;</description> <content:encoded><![CDATA[<p>btw, mine works in IE ok. Right now to test it I put my page in the root of the file structure in what his zip file created. I made no deviations to anything. I put his header stuff in my head and the body like he has it in my body in a div to make it fit my purpose.</p><p>Here is my code (unfinished page but working), see if it helps with your IE issues.</p><p><!--[if lte IE 6]&gt;--></p><p>&lt;!&#8211;<br
/> var numPhotos;<br
/> var slideFlowSlider;<br
/> var slideFlow;<br
/> var currentImg;<br
/> var preloader;<br
/> var fadeInTimeout;<br
/> var scrollHandler;<br
/> var photos;<br
/> var currentEffect;<br
/> var slHover;</p><p>var SLIDE_TPL = {<br
/> &#039;b_vertical&#039; : false, &#039;b_watch&#039;: true	/* update while dragging */, &#039;n_controlWidth&#039;: 300, &#039;n_controlHeight&#039;: 7,<br
/> &#039;n_sliderWidth&#039;: 14, &#039;n_sliderHeight&#039;: 7, &#039;n_pathLeft&#039; : 0, &#039;n_pathTop&#039; : 0, &#039;n_pathLength&#039; : 300-14, &#039;n_zIndex&#039;: 1<br
/> }</p><p>var SLIDE_INIT = {<br
/> &#039;n_minValue&#039; : 0, &#039;n_maxValue&#039; : 100, &#039;n_value&#039; : 0, &#039;n_step&#039; : 1<br
/> }</p><p>var SLIDEFLOW_DATA = {<br
/> &#039;imgWidthNormal&#039;: 100, &#039;imgWidthTilted&#039;: 75, &#039;imgHeight&#039;: 90, &#039;slideDistance&#039;: 25,<br
/> &#039;onCenterClick&#039;: handleSlideClick, &#039;handleSlideMove&#039;: handleSlideMove, &#039;containerElement&#039;: null,<br
/> &#039;pathLeft&#039;: &#039;photos/left&#039;, &#039;pathCenter&#039;: &#039;photos/center&#039;, &#039;pathRight&#039;: &#039;photos/right&#039;,<br
/> &#039;transparentImg&#039;: &#039;images/transparent.gif&#039;, &#039;cursorOpenHand&#039;: &#039;images/openhand.cur&#039;, &#039;cursorClosedHand&#039;: &#039;images/closedhand.cur&#039;<br
/> }</p><p>function handleSlideMove(pos) {<br
/> if (slideFlowSlider)<br
/> slideFlowSlider.f_setValue(pos, false, true /* kein update */);<br
/> }</p><p>function handleSlideClick(imgNumber) {<br
/> swapPhoto(imgNumber);<br
/> }</p><p>function handleSlideSeek(pos) {<br
/> slideFlow.disableMoveUpdate();<br
/> slideFlow.glideToPerc(pos);<br
/> }</p><p>function swapPhoto(photoNumber) {<br
/> /* Preload */<br
/> var imgSrc = &#039;photos/large/&#039;+ photos.item(photoNumber &#8211; 1).getElementsByTagName(&quot;src&quot;)[0].childNodes[0].nodeValue;<br
/> var wasPreloading = (preloader != undefined);<br
/> preloader = new Image;<br
/> preloader.src = imgSrc;<br
/> currentImg = photoNumber;</p><p> /* Fade out and show new photo */<br
/> if (!wasPreloading) {<br
/> if (currentEffect &amp;&amp; currentEffect.state != &#039;finished&#039;)<br
/> currentEffect.cancel();</p><p> currentEffect = new Effect.Fade($(&#039;fadeArea&#039;), { duration:0.4, to: 0.001, afterFinish: fadeIn });<br
/> }<br
/> }</p><p>function skipPhoto(offset) {<br
/> photoNumber = currentImg + offset;<br
/> if (photoNumber  numPhotos)<br
/> return;</p><p> swapPhoto(photoNumber);<br
/> slideFlow.glideToSlide(photoNumber);<br
/> }</p><p>function fadeIn() {<br
/> fadeInTimeout = null;</p><p> if (!preloader)<br
/> return;<br
/> else if (preloader.complete) {<br
/> if (currentEffect &amp;&amp; currentEffect.state != &#8216;finished&#8217;)<br
/> currentEffect.cancel();<br
/> currentEffect = new Effect.Appear($(&#8217;fadeArea&#8217;), {duration: 0.8, beforeSetup: function(effect) {<br
/> $(&#8217;photo&#8217;).src = preloader.src;<br
/> $(&#8217;title&#8217;).innerHTML = photos.item(currentImg &#8211; 1).getElementsByTagName(&#8221;title&#8221;)[0].childNodes[0].nodeValue;<br
/> $(&#8217;subtitle&#8217;).innerHTML = photos.item(currentImg &#8211; 1).getElementsByTagName(&#8221;subtitle&#8221;)[0].childNodes[0].nodeValue;<br
/> preloader = undefined;<br
/> }});<br
/> } else if (!fadeInTimeout) {<br
/> fadeInTimeout = window.setTimeout(&#8221;fadeIn()&#8221;, 100);<br
/> }<br
/> }</p><p>function handleWheel(delta) {<br
/> if (slideFlow)<br
/> slideFlow.scroll(delta);<br
/> }</p><p>function handleKeys(evt) {<br
/> evt = (evt) ? evt : ((window.event) ? event : null);<br
/> if (evt) {<br
/> //debugLog(&#8221;key &#8221; + evt.keyCode);<br
/> switch (evt.keyCode) {<br
/> case 40: /* down */<br
/> case 39: /* right */<br
/> skipPhoto(1);<br
/> return false;<br
/> break;<br
/> case 38: /* up */<br
/> case 37: /* left */<br
/> skipPhoto(-1);<br
/> return false;<br
/> break;<br
/> }<br
/> }<br
/> }</p><p>function init() {<br
/> swapPhoto(1);<br
/> slideFlowSlider.f_show();<br
/> document.onkeydown = handleKeys;<br
/> scrollHandler = new ScrollHandler(handleWheel);</p><p> /* Preload slider hover */<br
/> slHover = new Image;<br
/> slHover.src = &#8220;images/seekslider-hover.gif&#8221;;</p><p> /* IE6 hover fix */<br
/> if (window.ieFixHover) {<br
/> $$(&#8217;.sliderbutton&#8217;).each(ieFixHover);<br
/> }<br
/> }</p><p>// &#8211;&gt;</p><p>Home &#8211; Toni Truesdale</p><p>&gt;</p><p></p><p> &nbsp;<br
/> &nbsp;</p><p> &lt;!&#8211;<br
/> httpReq = getHttpReq();</p><p> if (httpReq) {<br
/> xmlDoc = getXmlDoc(httpReq, &quot;photos.xml&quot;);</p><p> if (xmlDoc) {<br
/> photos = xmlDoc.getElementsByTagName(&quot;photo&quot;);</p><p> SLIDEFLOW_DATA[&#039;containerElement&#039;] = $(&#039;slideflow&#039;);</p><p> SLIDEFLOW_DATA[&#039;images&#039;] = new Array();</p><p> for (var i=0; i</p><p></p> ]]></content:encoded> </item> <item><title>By: Terry H</title><link>http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/comment-page-3/#comment-12814</link> <dc:creator>Terry H</dc:creator> <pubDate>Fri, 19 Feb 2010 00:32:26 +0000</pubDate> <guid
isPermaLink="false">http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/#comment-12814</guid> <description>I am trying to use this gallery in a site. I am wondering if you can z-index over the top of it. I have had no success. Do you have any ideas how I can overlay a frame (.png, with some shadow) over this?
Thanks for any ideas.</description> <content:encoded><![CDATA[<p>I am trying to use this gallery in a site. I am wondering if you can z-index over the top of it. I have had no success. Do you have any ideas how I can overlay a frame (.png, with some shadow) over this?<br
/> Thanks for any ideas.</p> ]]></content:encoded> </item> <item><title>By: rakhi</title><link>http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/comment-page-3/#comment-11959</link> <dc:creator>rakhi</dc:creator> <pubDate>Tue, 19 Jan 2010 11:35:32 +0000</pubDate> <guid
isPermaLink="false">http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/#comment-11959</guid> <description>Very nice script but not working in IE. Plz suggest me how to solve this problem?</description> <content:encoded><![CDATA[<p>Very nice script but not working in IE. Plz suggest me how to solve this problem?</p> ]]></content:encoded> </item> <item><title>By: Jey</title><link>http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/comment-page-3/#comment-11347</link> <dc:creator>Jey</dc:creator> <pubDate>Wed, 23 Dec 2009 13:06:16 +0000</pubDate> <guid
isPermaLink="false">http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/#comment-11347</guid> <description>Hi,
Very good thanks.
However, for some reason, it does not work for me under IE? I only see the horizontal bars and the scrollbar, but no image, while it works perfectly with Firefox, Google chrome, etc... Any fix possible?
thanks</description> <content:encoded><![CDATA[<p>Hi,<br
/> Very good thanks.<br
/> However, for some reason, it does not work for me under IE? I only see the horizontal bars and the scrollbar, but no image, while it works perfectly with Firefox, Google chrome, etc&#8230; Any fix possible?<br
/> thanks</p> ]]></content:encoded> </item> <item><title>By: Dave</title><link>http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/comment-page-3/#comment-11021</link> <dc:creator>Dave</dc:creator> <pubDate>Sat, 12 Dec 2009 15:46:38 +0000</pubDate> <guid
isPermaLink="false">http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/#comment-11021</guid> <description>If you think the demo is too slow, just download
Download Slideflow 1.1 including gallery demo, it is much faster
and better quality</description> <content:encoded><![CDATA[<p>If you think the demo is too slow, just download<br
/> Download Slideflow 1.1 including gallery demo, it is much faster<br
/> and better quality</p> ]]></content:encoded> </item> <item><title>By: diseño web</title><link>http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/comment-page-3/#comment-9263</link> <dc:creator>diseño web</dc:creator> <pubDate>Wed, 04 Nov 2009 15:08:03 +0000</pubDate> <guid
isPermaLink="false">http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/#comment-9263</guid> <description>Very good effects in the gallery but I agree with some spilled commentaries, everything has a price and here the price that is pleased is the time. Delay much in loading.</description> <content:encoded><![CDATA[<p>Very good effects in the gallery but I agree with some spilled commentaries, everything has a price and here the price that is pleased is the time. Delay much in loading.</p> ]]></content:encoded> </item> <item><title>By: Domenico</title><link>http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/comment-page-3/#comment-8714</link> <dc:creator>Domenico</dc:creator> <pubDate>Wed, 28 Oct 2009 18:26:24 +0000</pubDate> <guid
isPermaLink="false">http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/#comment-8714</guid> <description>beautiful, but not work with MooTools</description> <content:encoded><![CDATA[<p>beautiful, but not work with MooTools</p> ]]></content:encoded> </item> </channel> </rss>
<!-- This site's performance optimized by W3 Total Cache. Dramatically improve the speed and reliability of your blog!

Learn more about our WordPress Plugins: http://www.w3-edge.com/wordpress-plugins/

Minified using apc
Page Caching using apc (user agent is rejected)
Database Caching 2/17 queries in 0.007 seconds using apc
Content Delivery Network via Amazon Web Services: CloudFront: assets.mediaeventservices.com

Served from: 195.226.66.211 @ 2010-03-11 03:32:06 -->