<?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: Slide Show Beta 2</title>
	<atom:link href="http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/feed/" rel="self" type="application/rss+xml" />
	<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/</link>
	<description>Things that Eric A. Meyer, CSS expert, writes about on his personal Web site; it&#039;s largely Web standards and Web technology, but also various bits of culture, politics, personal observations, and other miscellaneous stuff</description>
	<lastBuildDate>Fri, 19 Mar 2010 00:27:46 -0400</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: Matthias Ebert</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-7749</link>
		<dc:creator>Matthias Ebert</dc:creator>
		<pubDate>Sat, 29 Oct 2005 17:29:01 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-7749</guid>
		<description>I&#039;ve got Two Change Requests for S5-Slideshows

E-Mail: Matthias.Ebert@gmx.de
Tested on Version: S5.1
 
Recommendations:
1) ALLOW DIRECT LINKS FROM OUTSIDE
2) SLIDE-LOOP toggled on/off by variable

1) ALLOW DIRECT LINKS FROM OUTSIDE
----------------------------------
To allow a direct link from outside to a specific slide,
I recommend to use the usual parameters behind the URL-name,
i.e. s5-demo.html?3
This example presents slide3 in the browser.

HOWTO:
You can simply add the following javascript function to slide.js:

&lt;code&gt;
function getParameter()
{
    var url   = window.location.href;
    parameter = url.split(&quot;?&quot;);
    return parameter[1];
}
&lt;/code&gt;
This function has to be called in the last row of startup()
&lt;code&gt;
function startup()
{
	...
	goTo(getParameter());
}
&lt;/code&gt;

2) SLIDE-LOOPS controlled by the variable loop
----------------------------------------------
Endless slide-loops are importent i.e. on fares, 
where a endless presentation is going on while the crowd walks by

HOWTO:
Two new global variables are needed:
&lt;code&gt;
var loop = true;
var loop_timeout =10000; // im miliseconds 
&lt;/code&gt;
Then add the following javascript function to slide.js:
&lt;code&gt;
function nextSlide()
{
	 var target = snum+1;
	 if (target &gt;= smax) target = 0;
	 var url = window.location.href;
    	 parameter = url.split(&quot;?&quot;);
    	 document.location.href = parameter[0] + &quot;?&quot; + target;
}
&lt;/code&gt;
This function has to be called in:
- the startup(),to be used by slide0 
- the last row of go(), to be used by all other slides
&lt;code&gt;
function startup()
{
	...
	if (loop) setTimeout(&#039;nextSlide()&#039;, loop_timeout); 
	goTo(getParameter());
}
  
function go()
{
	...
	if (loop) setTimeout(&#039;nextSlide()&#039;, loop_timeout); 
}
&lt;/code&gt;
TODO
----
- The variables should be controlled by the user! 
- The user-interaction-menu didn&#039;t work when loop=true.
- The loop didn&#039;t show the sub-steps  </description>
		<content:encoded><![CDATA[<p>I&#8217;ve got Two Change Requests for S5-Slideshows</p>
<p>E-Mail: <a href="mailto:Matthias.Ebert@gmx.de">Matthias.Ebert@gmx.de</a><br />
Tested on Version: S5.1</p>
<p>Recommendations:<br />
1) ALLOW DIRECT LINKS FROM OUTSIDE<br />
2) SLIDE-LOOP toggled on/off by variable</p>
<p>1) ALLOW DIRECT LINKS FROM OUTSIDE<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
To allow a direct link from outside to a specific slide,<br />
I recommend to use the usual parameters behind the URL-name,<br />
i.e. s5-demo.html?3<br />
This example presents slide3 in the browser.</p>
<p>HOWTO:<br />
You can simply add the following javascript function to slide.js:</p>
<p><code><br />
function getParameter()<br />
{<br />
    var url   = window.location.href;<br />
    parameter = url.split("?");<br />
    return parameter[1];<br />
}<br />
</code><br />
This function has to be called in the last row of startup()<br />
<code><br />
function startup()<br />
{<br />
	...<br />
	goTo(getParameter());<br />
}<br />
</code></p>
<p>2) SLIDE-LOOPS controlled by the variable loop<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
Endless slide-loops are importent i.e. on fares,<br />
where a endless presentation is going on while the crowd walks by</p>
<p>HOWTO:<br />
Two new global variables are needed:<br />
<code><br />
var loop = true;<br />
var loop_timeout =10000; // im miliseconds<br />
</code><br />
Then add the following javascript function to slide.js:<br />
<code><br />
function nextSlide()<br />
{<br />
	 var target = snum+1;<br />
	 if (target &gt;= smax) target = 0;<br />
	 var url = window.location.href;<br />
    	 parameter = url.split("?");<br />
    	 document.location.href = parameter[0] + "?" + target;<br />
}<br />
</code><br />
This function has to be called in:<br />
- the startup(),to be used by slide0<br />
- the last row of go(), to be used by all other slides<br />
<code><br />
function startup()<br />
{<br />
	...<br />
	if (loop) setTimeout('nextSlide()', loop_timeout);<br />
	goTo(getParameter());<br />
}</p>
<p>function go()<br />
{<br />
	...<br />
	if (loop) setTimeout('nextSlide()', loop_timeout);<br />
}<br />
</code><br />
TODO<br />
&#8212;-<br />
- The variables should be controlled by the user!<br />
- The user-interaction-menu didn&#8217;t work when loop=true.<br />
- The loop didn&#8217;t show the sub-steps</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Eric Meyer</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-5685</link>
		<dc:creator>Eric Meyer</dc:creator>
		<pubDate>Sun, 29 May 2005 19:13:42 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-5685</guid>
		<description>Hi Jeroen-- type-number-to-jump is already in the latest version of S5; this post is very old and doesn&#039;t come close to representing the latest code.  Most if not all of the variable declarations were fixed as well.  See http://meyerweb.com/eric/thoughts/2005/02/03/s5-11b5/ for the latest beta version of S5 1.1, and http://meyerweb.com/eric/thoughts/category/tech/s5/ for all posts referncing S5.</description>
		<content:encoded><![CDATA[<p>Hi Jeroen&#8211; type-number-to-jump is already in the latest version of S5; this post is very old and doesn&#8217;t come close to representing the latest code.  Most if not all of the variable declarations were fixed as well.  See <a href="http://meyerweb.com/eric/thoughts/2005/02/03/s5-11b5/" rel="nofollow">http://meyerweb.com/eric/thoughts/2005/02/03/s5-11b5/</a> for the latest beta version of S5 1.1, and <a href="http://meyerweb.com/eric/thoughts/category/tech/s5/" rel="nofollow">http://meyerweb.com/eric/thoughts/category/tech/s5/</a> for all posts referncing S5.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jeroen van der Vegt</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-5683</link>
		<dc:creator>Jeroen van der Vegt</dc:creator>
		<pubDate>Sun, 29 May 2005 18:09:27 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-5683</guid>
		<description>Hi, this seems to have evolved to something quite usable, but development seems halted. Before I make any contributions, I&#039;d rather know if Eric still feels like updating the program (I would like adding functional (b)lack/(w)hite keys, and #56).

I also found that variable &#039;n&#039; or &#039;i&#039; is often not declared properly, and the function names could use an update (function names starting with a capital, a function called &#039;showHide&#039;....)</description>
		<content:encoded><![CDATA[<p>Hi, this seems to have evolved to something quite usable, but development seems halted. Before I make any contributions, I&#8217;d rather know if Eric still feels like updating the program (I would like adding functional (b)lack/(w)hite keys, and #56).</p>
<p>I also found that variable &#8216;n&#8217; or &#8216;i&#8217; is often not declared properly, and the function names could use an update (function names starting with a capital, a function called &#8217;showHide&#8217;&#8230;.)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Eric Everman</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-5193</link>
		<dc:creator>Eric Everman</dc:creator>
		<pubDate>Tue, 08 Mar 2005 17:24:32 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-5193</guid>
		<description>I&#039;ve noticed that in the current version (as of March 2005), clicking a slide in Firefox will cause the &#039;blinking cursor&#039; to remain on the screen.  With large font sizes, this is a REALLY BIG blinking cursor which means the clicking is not a usable way to go to the next slide.

Has anyone come up with a fix for this?

Thanks

--Also, is there a more appropriate user&#039;s discussion list? --</description>
		<content:encoded><![CDATA[<p>I&#8217;ve noticed that in the current version (as of March 2005), clicking a slide in Firefox will cause the &#8216;blinking cursor&#8217; to remain on the screen.  With large font sizes, this is a REALLY BIG blinking cursor which means the clicking is not a usable way to go to the next slide.</p>
<p>Has anyone come up with a fix for this?</p>
<p>Thanks</p>
<p>&#8211;Also, is there a more appropriate user&#8217;s discussion list? &#8211;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Johan Steenkamp</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-4365</link>
		<dc:creator>Johan Steenkamp</dc:creator>
		<pubDate>Mon, 10 Jan 2005 03:23:05 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-4365</guid>
		<description>1. I added a cookie to retain the current slide. I found this useful in cases where you leave the presentation to visit another site or link in a slide that does not open a new window. Hitting your browser back button would take you back to the start of the preso - the cookie solves that problem. The cookie is set to expire within 1 dayso you can take a lunch break and pick up where you left off :-)

http://www.assetnow.com/anx/index.cfm/1,8,106,html

2. Also made a variation on the S5 script to allow paged content. Divide a long document into div&#039;s with class=&quot;page&quot; and it display one page at a time like the slide show.

http://www.assetnow.com/anx/index.cfm/1,8,167,html</description>
		<content:encoded><![CDATA[<p>1. I added a cookie to retain the current slide. I found this useful in cases where you leave the presentation to visit another site or link in a slide that does not open a new window. Hitting your browser back button would take you back to the start of the preso &#8211; the cookie solves that problem. The cookie is set to expire within 1 dayso you can take a lunch break and pick up where you left off :-)</p>
<p><a href="http://www.assetnow.com/anx/index.cfm/1,8,106,html" rel="nofollow">http://www.assetnow.com/anx/index.cfm/1,8,106,html</a></p>
<p>2. Also made a variation on the S5 script to allow paged content. Divide a long document into div&#8217;s with class=&#8221;page&#8221; and it display one page at a time like the slide show.</p>
<p><a href="http://www.assetnow.com/anx/index.cfm/1,8,167,html" rel="nofollow">http://www.assetnow.com/anx/index.cfm/1,8,167,html</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jon Malachowski</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1994</link>
		<dc:creator>Jon Malachowski</dc:creator>
		<pubDate>Mon, 22 Nov 2004 03:05:02 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1994</guid>
		<description>Thank you so much for this.  I am an Engineer at George Mason and I think this is a great solution to basic presentations.  I made one for class and the professor was impressed.  I left s^5 on the footer for you! If anyone would like to see: http://mason.gmu.edu/~jmalacho/prsp.html</description>
		<content:encoded><![CDATA[<p>Thank you so much for this.  I am an Engineer at George Mason and I think this is a great solution to basic presentations.  I made one for class and the professor was impressed.  I left s^5 on the footer for you! If anyone would like to see: <a href="http://mason.gmu.edu/~jmalacho/prsp.html" rel="nofollow">http://mason.gmu.edu/~jmalacho/prsp.html</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Bruce D'Arcus</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1358</link>
		<dc:creator>Bruce D'Arcus</dc:creator>
		<pubDate>Fri, 22 Oct 2004 13:01:49 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1358</guid>
		<description>Also, I think I&#039;d like to remove the images from the outline view, but am not sure how to do that.</description>
		<content:encoded><![CDATA[<p>Also, I think I&#8217;d like to remove the images from the outline view, but am not sure how to do that.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Bruce D'Arcus</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1357</link>
		<dc:creator>Bruce D'Arcus</dc:creator>
		<pubDate>Fri, 22 Oct 2004 12:48:10 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1357</guid>
		<description>I&#039;m trying to work out how best to deal with image inclusion via CSS.  I&#039;ve wrapped each image in a div with an &quot;image&quot; class.  Any suggestions on how to best modify my definition to properly handle sizing?  I&#039;m tranforming via XSLT, so don&#039;t want to hard code sizing information in the img elements.  I just want to constrain the div to a certain proportion of the &quot;slide.&quot;

div.image {float: right;}</description>
		<content:encoded><![CDATA[<p>I&#8217;m trying to work out how best to deal with image inclusion via CSS.  I&#8217;ve wrapped each image in a div with an &#8220;image&#8221; class.  Any suggestions on how to best modify my definition to properly handle sizing?  I&#8217;m tranforming via XSLT, so don&#8217;t want to hard code sizing information in the img elements.  I just want to constrain the div to a certain proportion of the &#8220;slide.&#8221;</p>
<p>div.image {float: right;}</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: headsfromspace</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1244</link>
		<dc:creator>headsfromspace</dc:creator>
		<pubDate>Sat, 09 Oct 2004 17:57:07 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1244</guid>
		<description>Eric ::

re: #59

Thanks for the tip.  I did play around with assigning display: none to the div control tag but found the arrows and toggle switch disappeared too--I&#039;d like those to display. I&#039;ll fool around with it some more but if you have an idea of how to get just the linkbox to not display I&#039;d appreciate it. 

-heads</description>
		<content:encoded><![CDATA[<p>Eric ::</p>
<p>re: #59</p>
<p>Thanks for the tip.  I did play around with assigning display: none to the div control tag but found the arrows and toggle switch disappeared too&#8211;I&#8217;d like those to display. I&#8217;ll fool around with it some more but if you have an idea of how to get just the linkbox to not display I&#8217;d appreciate it. </p>
<p>-heads</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Michael Guitton</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1206</link>
		<dc:creator>Michael Guitton</dc:creator>
		<pubDate>Thu, 07 Oct 2004 10:43:05 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1206</guid>
		<description>Apologies for duplicate comment entries in #47, #50 and #51. When I posted #47 using Camino, this browser freezed (!) and when I visited this page subsequently using Safari and IE, my comment was nowhere to be seen... making me think the previous POST request did not succeed.</description>
		<content:encoded><![CDATA[<p>Apologies for duplicate comment entries in #47, #50 and #51. When I posted #47 using Camino, this browser freezed (!) and when I visited this page subsequently using Safari and IE, my comment was nowhere to be seen&#8230; making me think the previous POST request did not succeed.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: christian</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1205</link>
		<dc:creator>christian</dc:creator>
		<pubDate>Thu, 07 Oct 2004 09:06:53 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1205</guid>
		<description>I see, sorry, you&#039;re right. 

( i have hade in mind just the technical point of view )</description>
		<content:encoded><![CDATA[<p>I see, sorry, you&#8217;re right. </p>
<p>( i have hade in mind just the technical point of view )</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Eric</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1203</link>
		<dc:creator>Eric</dc:creator>
		<pubDate>Thu, 07 Oct 2004 00:04:09 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1203</guid>
		<description>&lt;blockquote&gt;
The content of a slide must be enclosed by a div with a class=&quot;slide&quot; attribute and a unique id=&quot;slide[counter]&quot; where the [counter] is replaced by the slide number. The id is required to be able to link to specific slides in a presentation.
&lt;/blockquote&gt;
&lt;p&gt;
From &lt;a href=&quot;http://my.opera.com/community/dev/operashow/documentation/doc_fileformat.html&quot;&gt;Opera Show Format 1.0 documentation&lt;/a&gt;.  In the format I&#039;ve created, the slide IDs are dynamically assigned instead of placed in the XHTML, but they use exactly the same format (slide&lt;i&gt;nn&lt;/i&gt;).
&lt;/p&gt;
&lt;p&gt;
So taking out those divs would, in fact, make the format more incompatible with OSF 1.0.
&lt;/p&gt;</description>
		<content:encoded><![CDATA[<blockquote><p>
The content of a slide must be enclosed by a div with a class=&#8221;slide&#8221; attribute and a unique id=&#8221;slide[counter]&#8221; where the [counter] is replaced by the slide number. The id is required to be able to link to specific slides in a presentation.
</p></blockquote>
<p>
From <a href="http://my.opera.com/community/dev/operashow/documentation/doc_fileformat.html">Opera Show Format 1.0 documentation</a>.  In the format I&#8217;ve created, the slide IDs are dynamically assigned instead of placed in the XHTML, but they use exactly the same format (slide<i>nn</i>).
</p>
<p>
So taking out those divs would, in fact, make the format more incompatible with OSF 1.0.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: christian</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1202</link>
		<dc:creator>christian</dc:creator>
		<pubDate>Wed, 06 Oct 2004 23:31:07 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1202</guid>
		<description>It does not break the OSF 1.0, actually the idea was to make it more similar to it (in the projection css: body&gt;h1, body&gt;h2 {page-break-before: always;} and in the js: var slides=[&#8217;h1&#8242;,&#8217;h2&#8242;]; ). You can test it ( &lt;a href=&#039;http://aleto.ch/test/slide2.html&#039;&gt;still here&lt;/a&gt; ), with js disabled it does work as normal OSF in projection mode ( little problem with the test image, which is a little bit to high, and the whole thing is still just a sketch ) and with js enabled it does work on the same way as in the Fox and in ie.

( i think i could be possible to &#039; parse &#039; the projection css for the Fox and for ie, so that it would work with such a js module with no more additional adaptions, but perhaps a little bit to much &#039; music &#039; )

But it&#039;s more for personal interests, your current solution is sure ok. 

( and i am a Opera user, so i would never work contra my browser :) )</description>
		<content:encoded><![CDATA[<p>It does not break the OSF 1.0, actually the idea was to make it more similar to it (in the projection css: body>h1, body>h2 {page-break-before: always;} and in the js: var slides=[&#8217;h1&#8242;,&#8217;h2&#8242;]; ). You can test it ( <a href='http://aleto.ch/test/slide2.html'>still here</a> ), with js disabled it does work as normal OSF in projection mode ( little problem with the test image, which is a little bit to high, and the whole thing is still just a sketch ) and with js enabled it does work on the same way as in the Fox and in ie.</p>
<p>( i think i could be possible to &#8216; parse &#8216; the projection css for the Fox and for ie, so that it would work with such a js module with no more additional adaptions, but perhaps a little bit to much &#8216; music &#8216; )</p>
<p>But it&#8217;s more for personal interests, your current solution is sure ok. </p>
<p>( and i am a Opera user, so i would never work contra my browser :) )</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Eric</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1200</link>
		<dc:creator>Eric</dc:creator>
		<pubDate>Wed, 06 Oct 2004 22:09:36 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1200</guid>
		<description>&lt;a href=&quot;#comment-1192&quot;&gt;Val&lt;/a&gt;: I would say that this system, like OSF, is something that SlideML could use as a target format.  In other words, someone could create a SlideML document and then run a transform to turn it into OSF or this format.  There is certainly overlap in terms of intended use, but that doesn&#039;t strike me as being a problem.

&lt;a href=&quot;#comment-1197&quot;&gt;Mikael&lt;/a&gt;: That would be nice, but won&#039;t be part of the initial release.  I&#039;ll have to look at doing that in a later version.

&lt;a href=&quot;#comment-1198&quot;&gt;Christian&lt;/a&gt;: My original Opera Show files did exactly that, only without the JavaScript.  I&#039;ve instituted the &lt;code&gt;class=&quot;slide&quot;&lt;/code&gt; constructs because it&#039;s more compatible with OSF 1.0.  Okay, to be totally honest, originally I instituted them because it was easier to process the DOM structure that way, but at this point they&#039;re staying in due to OSF 1.0 compatibility.

&lt;a href=&quot;#comment-1199&quot;&gt;Heads&lt;/a&gt;: &lt;code&gt;div#controls {display: none !important;}&lt;/code&gt; or a rule to that effect.  Alternatively, &lt;code&gt;div#controls {position: absolute; top: -1000em;}&lt;/code&gt;.</description>
		<content:encoded><![CDATA[<p><a href="#comment-1192">Val</a>: I would say that this system, like OSF, is something that SlideML could use as a target format.  In other words, someone could create a SlideML document and then run a transform to turn it into OSF or this format.  There is certainly overlap in terms of intended use, but that doesn&#8217;t strike me as being a problem.</p>
<p><a href="#comment-1197">Mikael</a>: That would be nice, but won&#8217;t be part of the initial release.  I&#8217;ll have to look at doing that in a later version.</p>
<p><a href="#comment-1198">Christian</a>: My original Opera Show files did exactly that, only without the JavaScript.  I&#8217;ve instituted the <code>class="slide"</code> constructs because it&#8217;s more compatible with OSF 1.0.  Okay, to be totally honest, originally I instituted them because it was easier to process the DOM structure that way, but at this point they&#8217;re staying in due to OSF 1.0 compatibility.</p>
<p><a href="#comment-1199">Heads</a>: <code>div#controls {display: none !important;}</code> or a rule to that effect.  Alternatively, <code>div#controls {position: absolute; top: -1000em;}</code>.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: headsfromspace</title>
		<link>http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1199</link>
		<dc:creator>headsfromspace</dc:creator>
		<pubDate>Wed, 06 Oct 2004 17:57:31 +0000</pubDate>
		<guid isPermaLink="false">http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comment-1199</guid>
		<description>Eric ::

Re: #44

Thanks for the info.  I&#039;m not sure which elements of the CSS to set to display: none--could you be more specific?  I appreciate your help very much. 

-heads</description>
		<content:encoded><![CDATA[<p>Eric ::</p>
<p>Re: #44</p>
<p>Thanks for the info.  I&#8217;m not sure which elements of the CSS to set to display: none&#8211;could you be more specific?  I appreciate your help very much. </p>
<p>-heads</p>
]]></content:encoded>
	</item>
</channel>
</rss>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head profile="http://gmpg.org/xfn/1">
<title>meyerweb.com</title>
<link rel="openid.server" href="http://www.myopenid.com/server">
<link rel="openid.delegate" href="http://emeyer.myopenid.com/">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link rel="shortcut icon" href="/favicon.ico"><link rel="home" href="http://meyerweb.com/" title="Home" ><link rel="stylesheet" href="http://meyerweb.com/ui/meyerweb.css" type="text/css" media="screen, projection"><link rel="stylesheet" href="http://meyerweb.com/ui/theme.css" type="text/css" media="screen, projection" id="themeLink"><link rel="stylesheet" href="http://meyerweb.com/ui/print.css" type="text/css" media="print"><script src="http://meyerweb.com/ui/addresses.js" type="text/javascript"></script><link rel="stylesheet" href="/ui/wordpress.css" type="text/css" media="screen">
<link rel="stylesheet" href="/ui/tfe.css" type="text/css" media="screen">
<link rel="stylesheet" href="/ui/home.css" type="text/css" media="screen">
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric" href="/eric/thoughts/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric (only technical posts)" href="/eric/thoughts/category/tech/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Thoughts From Eric (only personal posts)" href="/eric/thoughts/category/personal/rss2/full" />
<link rel="alternate" type="application/rss+xml" title="Distractions" href="/eric/thoughts/recent-links/rss2" />
<link rel="alternate" type="application/rss+xml" title="Excuse of the Day" href="/feeds/excuse/rss20.xml" />
</head>
<body id="www-meyerweb-com" class="hpg">

<div id="sitemast"><h1><a href="/"><span>meyerweb</span>.com</a></h1></div><div id="search"><h4>Exploration</h4><!-- SiteSearch Google --><form method="get" action="http://www.google.com/custom" target="_top"><div><input type="hidden" name="domains" value="meyerweb.com"></input><label for="sbb" style="display: none">Submit search form</label><input type="submit" name="sa" value="Google Search" id="sbb"></input><label for="sbi" style="display: none">Enter your search terms</label><input type="text" name="q" size="31" maxlength="255" value="" id="sbi"></input><p><input type="radio" name="sitesearch" value="meyerweb.com" checked id="ss1"></input><label for="ss1" title="Search meyerweb.com">meyerweb.com</label><input type="radio" name="sitesearch" value="" id="ss0"></input><label for="ss0" title="Search the Web">Web</label></p><input type="hidden" name="client" value="pub-3772084027748653"></input><input type="hidden" name="forid" value="1"></input><input type="hidden" name="ie" value="ISO-8859-1"></input><input type="hidden" name="oe" value="ISO-8859-1"></input><input type="hidden" name="safe" value="active"></input><input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"></input><input type="hidden" name="hl" value="en"></input></div></form><!-- SiteSearch Google --><!-- <form method="get" action="http://www.google.com/custom"><div><input type="submit" name="sa" value="Search"><input type="text" name="q" size="20" maxlength="255" value=""><input type="hidden" name="sitesearch" value="meyerweb.com"></div></form><small><a href="http://www.google.com/search">Powered by Google</a></small> --></div><div id="main"><div class="skipper">Skip to: <a href="#extra">site navigation/presentation</a></div><div class="skipper">Skip to: <a href="#thoughts">Thoughts From Eric</a></div>
<div id="thoughts">


<div class="entry">
<h3><a href="http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/" rel="bookmark" title="Permanent Link: Slide Show Beta 2">Slide Show Beta 2</a></h3>
<ul class="meta">
<li class="date">Sat 2 Oct 2004</li>
<li class="time">1421</li>
<li class="cat"><a href="http://meyerweb.com/eric/thoughts/category/tech/s5/" title="View all posts in S5" rel="category tag">S5</a><br> <a href="http://meyerweb.com/eric/thoughts/category/tech/tools/" title="View all posts in Tools" rel="category tag">Tools</a></li>
<li class="cmt"><a href="http://meyerweb.com/eric/thoughts/2004/10/02/slide-show-beta-2/#comments">73 responses</a></li>
<li></li><li></li></ul>

<div class="text">
<p>
Thanks to the help of several contributors, the <a href="/eric/tools/slideshow/test.html">simple standards-based slide show system</a> I <a href="/eric/thoughts/2004/09/24/slide-show-beta/" title="Slide Show Beta">put into public beta status</a>, and which I may well end up calling S<sup>5</sup>, is almost ready to go final.  At its core, it seems to work consistently in Internet Explorer (both platforms), Firefox 0.9, and Safari 1.2.  I&#8217;ve also scripted things so that the system works in Opera 6 and up, basically allowing those browsers to fall back to using Opera Show.  This allows the slide show&#8217;s behavior to be consistent with what Opera Show users already expect, which seems like a good thing.
</p>
<p>
There are two things that don&#8217;t work as I&#8217;d hoped.  The first is the &#8220;click anywhere to advance a slide&#8221; feature, which is broken in IE/Win.  It throws a JavaScript error about the target that doesn&#8217;t make sense to me.  The second is the show/hide of the menu in IE/Mac, which I just cannot get to work.  If anyone can figure out how to make those work, let us know in the comments; otherwise I&#8217;ll just prevent IE from running that code in the final version, which will of course mean a reduced feature set in those browsers.  I&#8217;m not going to lose a lot of sleep if that happens, but I&#8217;d rather have the system be feature-consistent across browsers if possible.
</p>
<p>
(<strong>Update:</strong> if you downloaded the <a href="/eric/tools/slideshow/Archive.zip">archive</a> between 1421 EDT and 1504EDT, grab it again.  I initially forgot to update it with the new files.  Sorry!  It&#8217;s fixed now.)
</p></div>

</div>

</div>
<p style="font-size: 90%; text-align: right; margin-top: 0.5em; padding-top: 0;">(If you care, there's even an <a href="/eric/thoughts/page/2/">archive of previous thoughts</a>...)</p>

</div><div id="extra"><div class="panel" id="archipelago"><h4>Identity Archipelago</h4><ul><li><a href="http://flickr.com/photos/meyerweb/" rel="me">Flickr</a></li><li><a href="http://twitter.com/meyerweb/" rel="me">Twitter</a></li><li><a href="http://dopplr.com/traveller/meyerweb">Dopplr</a></li><li><a href="http://www.linkedin.com/in/meyerweb" rel="me">LinkedIn</a></li><li><a href="http://technorati.com/profile/emeyer" rel="me">Technorati</a></li></ul></div><div class="panel" id="pointers"><h4>Projects Elsewhere</h4><ul><li><a href="http://aneventapart.com/">An Event Apart</a></li><li><a href="http://complexspiral.com/">Complex Spiral Consulting</a></li><li><a href="http://www.webassist.com/go/css/emeyer/">CSS Sculptor</a></li><li><a href="http://css-discuss.org/">css-discuss</a></li><li><a href="http://microformats.org/">Microformats</a></li><li><a href="http://s5project.org/">S5</a></li></ul></div><div class="panel" id="tour"><ul><li><a href="http://fray.com/issue3/"><img src="http://fray.com/images/i3c.gif" alt="Fray Contributor (Issue 3: Sex &amp; Death)" /></a></li><!-- <li><a href="http://www.webassist.com/go/css/emeyer/"><img src="/pix/CS_ad_180x109.jpg" alt="CSS Sculptor for Dreamweaver" style="max-width: 100%;" /></a></li> --></ul></div><div class="panel">
<h4>Recently Tweeted</h4>
<p class="more"><a href="http://twitter.com/meyerweb">see more</a></p>
<p>I think the fortune in my Chinese fortune cookie was written by Grover Norquist.  I bet he's getting paid for those off the books. <small>&#8211;tweeted 3 hours, 49 minutes ago</small></p>
</div><div id="sideblog" class="panel">
<h4>Distractions</h4>
<p class="more">
<a href="/eric/thoughts/recent-links/">archive</a>
</p>
<ul>
<li><a href="http://tweetagewasteland.com/2010/03/my-head-is-in-the-cloud/" title="March 18 | &#8220;I sense that my addiction to the realtime stream is only making room for the consumption of a faster stream.&#8221;">My Head is in the Cloud</a> <small>[via <a href="http://daringfireball.net/">John</a>]</small></li>
<li><a href="http://8bitnyc.com/" title="March 17 | All of a sudden I want to establish a mission in Central Park and negotiate with the natives for gold and food.">8-Bit NYC</a></li>
<li><a href="http://www.youtube.com/watch?v=nFicqklGuB0&amp;feature=player_embedded" title="March 12 | Wry comment expressing my appreciation of the creative derivativeness of this video and its uncanny accuracy in mocking common tropes.">Academy Award Winning Movie Trailer</a></li>
<li><a href="http://www.youtube.com/watch?v=414TmP12WAU" title="March 9 | &#8220;Apple juice&#8230; for half price!&#8221;  More like twice PRICELESS.  (Note: If you&#8217;re at work, don your headphones.)">Happy in Paraguay</a> <small>[via <a href="http://unstoppablerobotninja.com/">Ethan</a>]</small></li>
<li><a href="http://www.youtube.com/watch?v=9V5ubAOeOBk&amp;feature=player_embedded" title="February 10 | This is approximately the best thing ever.">U900 -Walk Don&#8217;t Run (Isogabamaware)</a></li>
<li><a href="http://www.456bereastreet.com/archive/201002/sifr_default_css_hides_content_from_at_least_one_screen_reader/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A 456bereastreet %28456 Berea Street%29" title="February 8 | -9999px comes through again, but I really wish we were beyond that kind of thing.">sIFR default CSS hides content from at least one screen reader</a></li>
<li><a href="http://www.macosxhints.com/article.php?story=20100117064356428" title="February 8 | Storing this for future use.">Take a picture with the iSight camera when a folder is opened</a></li>
<li><a href="http://mingle2.com/blog/view/web-developer-mind" title="February 4 | Mostly valid.  (SEE WHAT I DID THERE?)">The Mind of a Web Developer: An Illustrated Diagram</a></li>
<li><a href="http://www.theonion.com/content/news/science_channel_refuses_to_dumb" title="January 28 | &#8220;Punkin Chunkin, for Christ&#8217;s sake&#8230; What more do you people want?&#8221;">Science Channel Refuses To Dumb Down Science Any Further</a></li>
<li><a href="http://www.mailchimp.com/blog/project-omnivore-declassified/" title="January 27 | Sounds like quite a feat.  But I wonder how we&#8217;d feel if Microsoft or Google announced the same kind of thing on their e-mail services.">MailChimp&#8217;s Project Omnivore: Declassified</a></li>
<li><a href="http://www.politifact.com/truth-o-meter/statements/2010/jan/25/carolyn-maloney/congresswoman-says-democratic-presidents-create-mo/" title="January 26 | &#8220;Obviously, luck matters a lot, but when there is a consistent pattern over more than 60 years, it starts to look like more than just luck.&#8221;">Congresswoman says Democratic presidents create more private-sector jobs</a></li>
<li><a href="http://www.ted.com/talks/taylor_mali_what_teachers_make.html" title="January 25 | Truth.">Taylor Mali: What teachers make</a></li>
<li><a href="http://notebook.johnmartz.com/how-websites-work?c=1" title="January 22 | At last, the truth is out and I can stop pretending:  beatific monkeys are what makes it all go.">How websites work</a></li>
</ul>
</div>
<div class="panel" id="advisory">
<div class="guarded">
<a href="http://blogadvisorysystem.com/"><img src="/pix/bas/guarded.png" alt="Blog Advisory System Alert Level: Guarded"></a>
</div>
</div>

<div class="panel" id="excuse">
<h4>The <a href="/feeds/excuse/">excuse of the day</a> is</h4>
<p>Chrome</p>
</div>

<div class="panel" id="extras">
<h4>Extras</h4>
<ul>
<li><a href="/feeds/">Feeds</a> &#8226;</li>
<li><a href="/eric/faq.html">FAQ</a> &#8226;</li>
<li><a href="/family.html">Family</a></li>
</ul>
</div>

</div>

<div id="navigate">
<h4>Navigation</h4>
<ul id="navlinks">
<li id="archLink"><a href="/eric/thoughts/">Archives</a></li>
<li id="cssLink"><a href="/eric/css/">CSS</a></li>
<li id="toolsLink"><a href="/eric/tools/">Toolbox</a></li>
<li id="writeLink"><a href="/eric/writing.html">Writing</a></li>
<li id="speakLink"><a href="/eric/talks/">Speaking</a></li>
<li id="otherLink"><a href="/other/">Leftovers</a></li>
<li id="aboutsite"><a href="/ui/about.html">About this site</a></li>
</ul>
</div>

<div id="footer">
<p class="sosumi">All contents of this site, unless otherwise noted, are &copy;1995-2008 <strong>Eric A. and Kathryn S. Meyer</strong>.  All Rights Reserved.</p>
<p>"<a href="/eric/thoughts/">Thoughts From Eric</a>" is powered by the &uuml;bercool <a href="http://wordpress.org/">WordPress</a></p>
</div>
</body>
</html>
