<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>SMO Blog &#187; cooliris</title>
	<atom:link href="http://www.zkusmo.cz/stitky/cooliris/feed" rel="self" type="application/rss+xml" />
	<link>http://www.zkusmo.cz</link>
	<description>...zkusmo o všem!</description>
	<lastBuildDate>Thu, 29 Jul 2010 08:04:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Flash fotogalerie pomocí Cooliris</title>
		<link>http://www.zkusmo.cz/foto/flash-fotogalerie-pomoci-cooliris</link>
		<comments>http://www.zkusmo.cz/foto/flash-fotogalerie-pomoci-cooliris#comments</comments>
		<pubDate>Thu, 21 May 2009 21:05:55 +0000</pubDate>
		<dc:creator>SMO</dc:creator>
				<category><![CDATA[Foto]]></category>
		<category><![CDATA[Programování]]></category>
		<category><![CDATA[cooliris]]></category>
		<category><![CDATA[fotogalerie]]></category>

		<guid isPermaLink="false">http://www.zkusmo.cz/?p=911</guid>
		<description><![CDATA[Flash fotogalerie pomocí Cooliris]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><a href="http://www.zkusmo.cz/obr-clanky/cooliris/ci.png" onclick="return hs.expand(this);" class="highslide-image"><img style="margin: 3px 0px 0px 13px" align="right" src="http://www.zkusmo.cz/obr-clanky/cooliris/small/ci.png" title="Zvětšit" /></a>V adresáři na PC máme fotky, která chceme prezentovat na svých stránkách pomocí flash fotogalerie Cooliris. K těmto fotkám pomocí programu PicLens Publisher vygenerujeme příslušný RSS kanál. Cestu k tomuto RSS souboru pak vložíme jako parametr do elementu <em>object</em>. Fotky nakopírujeme do vhodného adresáře na FTP. Element <em>object</em> pak vložíme do HTML kódu stránky a funguje to! A teď detailně&#8230;</p>
<p><span id="more-911"></span></p>
<p style="text-align: justify;">Na webu Cooliris si stáhneme program <a href="http://developer.cooliris.com/?p=publisher" target="_blank">PicLens Publisher</a> a nainstalujeme na PC. Po spuštění si program v kroku jedna vyžádá cestu k adresáři s fotografiemi. V kroku dvě je možno vybrat pouze některé fotografie z adresáře. V kroku tři vybereme cílový adresář, kam se vygeneruje RSS soubor a jednoduchá HTML galerie. Pokud si nainstalujeme rozšíření prohlížeče <a href="http://cooliris.com/" target="_blank">Cooliris</a> pak bude v HTML galerii funkční odkaz Start Slide Show v zápatí.</p>
<p><center></p>
<table style="border: 0px;" border="0">
<tbody>
<tr style="border: 0px;">
<td style="border: 0px;">
<p><a href="http://www.zkusmo.cz/obr-clanky/cooliris/p1.png" onclick="return hs.expand(this);" class="highslide-image"><img src="http://www.zkusmo.cz/obr-clanky/cooliris/small/p1.png" title="Zvětšit" /></a></p>
</td>
<td style="border: 0px;">
<p><a href="http://www.zkusmo.cz/obr-clanky/cooliris/c2.png" onclick="return hs.expand(this);" class="highslide-image"><img src="http://www.zkusmo.cz/obr-clanky/cooliris/small/c2.png" title="Zvětšit" /></a></p>
</td>
</tr>
</table>
<p></center> </p>
<p style="text-align: justify;">Pokud ale nechceme instalovat žádný doplněk do prohlížeče (ať už se jedná do MSIE nebo do Firefoxu) použijeme flashovou verzi. Stáhněte si soubor <a href="http://www.zkusmo.cz/obr-clanky/cooliris/default.zip"><strong>default.html</strong></a>, kde stačí změnit dvakrát v elementu <em>object</em> cestu k vygenerovanému RSS souboru a rázem z toho máme pohlednou flashovou galerii. V galerii můžeme používat kolečko myši, které funguje jako přibližování a oddalování. Dále je také možnost podržet levé tlačítko myši a posouvat myší vlevo nebo vpravo – fotografie se  budou posouvají opačným směrem než hýbeme myší. Stisknutím enteru se zobrazí detail fotky a spustí se prezentace fotek.</p>
<p>Příklad zdrojového kódu elementu <em>object</em> v souboru <em>default.html</em> v elemetu <em>body</em><br />
Cestu zaměnit za slovem <strong>feed=</strong></p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">object</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;o&quot;</span> <span style="color: #000066;">classid</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&quot;</span> <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;100%&quot;</span> <span style="color: #000066;">height</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;100%&quot;</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">param</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;movie&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://apps.cooliris.com/embed/cooliris.swf&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">param</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;flashvars&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;feed=http://www.zkusmo.cz/fotogalerie/2009/2009-05-16_zapad_slunce_posed/photos.rss /&gt;</span></span>
  <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">param</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;allowFullScreen&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;true&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">param</span> <span style="color: #000066;">name</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;allowScriptAccess&quot;</span> <span style="color: #000066;">value</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;always&quot;</span> <span style="color: #66cc66;">/</span>&gt;</span>
  <span style="color: #009900;">&lt;embed <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;application/x-shockwave-flash&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://apps.cooliris.com/embed/cooliris.swf&quot;</span> </span>
<span style="color: #009900;">         <span style="color: #000066;">width</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;100%&quot;</span> <span style="color: #000066;">height</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;100%&quot;</span> flashvars<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;feed=http://www.zkusmo.cz/fotogalerie/2009/2009-05-16_zapad_slunce_posed/photos.rss&quot;</span> </span>
<span style="color: #009900;">         allowFullScreen<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;true&quot;</span> allowScriptAccess<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;always&quot;</span>&gt;</span>
  <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span>embed&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">object</span>&gt;</span></pre></div></div>

<p style="text-align: center;">Struktura adresáře – celý obsah nutno nakopírovat na FTP webu<br />
<img src="http://www.zkusmo.cz/obr-clanky/cooliris/tc.png" /></p>
<p><strong>Výsledek:</strong></p>
<p><object width="600" height="338" data="http://apps.cooliris.com/embed/cooliris.swf" type="application/x-shockwave-flash"><param name="id" value="o" /><param name="flashvars" value="feed=http://www.zkusmo.cz/fotogalerie/2009/2009-05-16_zapad_slunce_posed/photos.rss" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://apps.cooliris.com/embed/cooliris.swf" /><param name="allowfullscreen" value="true" /></object></p>
<p><a href="http://www.zkusmo.cz/fotogalerie/2009/2009-05-16_zapad_slunce_posed/" target="_blank">FullScreen verze</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zkusmo.cz/foto/flash-fotogalerie-pomoci-cooliris/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Fotogalerie jako 3D stěna &#8211; Cooliris</title>
		<link>http://www.zkusmo.cz/foto/cooliris</link>
		<comments>http://www.zkusmo.cz/foto/cooliris#comments</comments>
		<pubDate>Tue, 07 Apr 2009 18:38:11 +0000</pubDate>
		<dc:creator>SMO</dc:creator>
				<category><![CDATA[Foto]]></category>
		<category><![CDATA[Programování]]></category>
		<category><![CDATA[3D wall]]></category>
		<category><![CDATA[cooliris]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.zkusmo.cz/?p=382</guid>
		<description><![CDATA[Cooliris je doplněk rozšiřují prohlížeč a umožňuje tak pomocí 3D stěny lépe prohlížet fotografie na webu. Video níže v rychlosti ukazuje co vše umí &#8211; jak se nechá na fotografie nahlížet. Na stránkách http://www.cooliris.com/ je zdarma ke stažení instalace &#8211; je opravdu jednoduchá. Stránky obsahují i sekci pro vývojáře, kde je popsáno jak vytvořit fotogalerii, [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Cooliris" href="http://www.cooliris.com/" target="_blank">Cooliris</a> je doplněk rozšiřují prohlížeč a umožňuje tak pomocí 3D stěny lépe prohlížet fotografie na webu. Video níže v rychlosti ukazuje co vše umí &#8211; jak se nechá na fotografie nahlížet.</p>
<p><span id="more-382"></span></p>
<p><object width="600" height="407" data="http://www.stream.cz/object/279095-cooliris-1-10" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="wmode" value="transparent" /><param name="src" value="http://www.stream.cz/object/279095-cooliris-1-10" /></object></p>
<p style="text-align: justify;">Na stránkách <a title="Cooliris 1.10" href="http://www.cooliris.com/" target="_blank">http://www.cooliris.com/</a> je zdarma ke stažení instalace &#8211; je opravdu jednoduchá. Stránky obsahují i <a title="Cooliris pro vývojáře" href="http://developer.cooliris.com/" target="_blank">sekci pro vývojáře,</a> kde je popsáno jak vytvořit fotogalerii, kterou pak jedním kliknutím můžeme prohlížet pomocí pluginu Cooliris. Dále je zde ke stažení program <a title="PicLens Publisher" href="http://developer.cooliris.com/?p=publisher" target="_blank">PicLens Publisher</a> na vytváření <a title="RSS" href="http://cs.wikipedia.org/wiki/RSS" target="_blank">RSS</a> souboru, který pak <em>&#8222;čte&#8220; </em>samotný plugin Cooliris. Popsaná je zde i implementace tzv. 3D stěny ve flash verzi -  <a title="Cooliris Flash" href="http://developer.cooliris.com/?p=embed" target="_blank">Embed Wall</a> (ukázka níže).</p>
<p><object width="600" height="450" data="http://apps.cooliris.com/embed/cooliris.swf" type="application/x-shockwave-flash"><param name="id" value="o" /><param name="flashvars" value="feed=http://www.zkusmo.cz/fotogalerie/2009/2009-02-28_ajicek_pajicek/photos.rss" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://apps.cooliris.com/embed/cooliris.swf" /><param name="allowfullscreen" value="true" /></object></p>
<p style="text-align: justify;">Posledním z možností jak využívat Cooliris je pomocí pluginu do WordPressu, který samozřejmě také používám.  Plugin s názvem <a title="Cooliris Plugin &amp; Widgetfor WordPress" href="http://developer.cooliris.com/?p=wordpress" target="_blank">Cooliris Plugin &amp; Widgetfor WordPress</a> umožní uživateli, který má nainstalovaný plugin Cooliris do prohlížeče, jedním kliknutím na obrázek v článku prohlédnout tento obrázek na celou obrazovku právě v prostředí Cooliris.</p>
<p>Fotogaleriie pomocí Flash verze ve větším rozlišení možno shlédnout na:  <a title="Ájíček a Pájíček - 28.2.2009" href="http://www.zkusmo.cz/fotogalerie/2009/2009-02-28_ajicek_pajicek/default.html" target="_blank">http://www.zkusmo.cz/fotogalerie/2009/2009-02-28_ajicek_pajicek/default.html</a></p>
<p>Fotogaleriie pomocí Cooliris verze ve větším rozlišení možno shlédnout <a href="javascript:PicLensLite.start({feedUrl:'http://www.zkusmo.cz/fotogalerie/2009/2009-02-28_ajicek_pajicek/photos.rss'});">kliknutím na odkaz</a> (<em>musí být ale nainstalován plugin do prohlížeče, jinak po kliknutí na odkaz se nastane nic</em>).</p>
<p><small>V jednom z dalších článků slibuji podrobnou implementaci flash verze na web a vytvoření RSS kanálu.</small></p>
<p><strong>Související článek:</strong> <a href="http://www.zkusmo.cz/foto/flash-fotogalerie-pomoci-cooliris">Flash fotogalerie pomocí Cooliris</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zkusmo.cz/foto/cooliris/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
