Flash fotogalerie pomocí Cooliris
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 object. Fotky nakopírujeme do vhodného adresáře na FTP. Element object pak vložíme do HTML kódu stránky a funguje to! A teď detailně…
Na webu Cooliris si stáhneme program PicLens Publisher 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 Cooliris pak bude v HTML galerii funkční odkaz Start Slide Show v zápatí.
|
|
|
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 default.html, kde stačí změnit dvakrát v elementu object 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říklad zdrojového kódu elementu object v souboru default.html v elemetu body
Cestu zaměnit za slovem feed=
<object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"> <param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" /> <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" /> <embed type="application/x-shockwave-flash" src="http://apps.cooliris.com/embed/cooliris.swf" width="100%" height="100%" flashvars="feed=http://www.zkusmo.cz/fotogalerie/2009/2009-05-16_zapad_slunce_posed/photos.rss" allowFullScreen="true" allowScriptAccess="always"> </embed> </object>
Struktura adresáře – celý obsah nutno nakopírovat na FTP webu
Výsledek:
(1x hlasováno, průměr: 1,00 ze 7)
Loading ...
English
Zdravim, tak posilam odkaz na muj vytvor: http://www.motobanda-ziro.ic.cz a jeste, pokud mohu, se zeptam. Nevis, kde mam co zmenit, aby to bylo zoptimalizovany pro ostatni prohlizece nez jen pro IE? Nemyslim tim tu fotogalerii ale to menu. Diky.
OK, dobrá.
V programu PicLens Publisher popisky zadat nejdou. Musel by jsi ručně v RSS souboru photos.rss editovat pro každou fotku v elemetu title popisek, jak je vidět na obrázku.
Poznámka: Pokud do popisků napíšeš české znaky (háčky a čárky) nebude fotogalerie vůbec fungovat.
Ok pošlu, ale jeste to nemam cely, tech galerii budu mit hodne, tak az to budu mit cely, tak to vsechno naraz nahraju na ftp a poslu odkaz. Jinac, jeste se zeptam, daji se nejakym zpusobem dat k tem fotkam popisky?
Soubor cooliris.swf je k dispozici na http://apps.cooliris.com/embed/cooliris.swf stáhneš ho jakýmkoliv download manažerem, doporučuji Orbit Downloader. Formát SWF je flash animace, tudíž je vytvořený ve Flashi, tím pádem ho v něm můžes i editovat. PS: Pošli odkaz na fotogalerii, rád bych viděl co jsi vytvořil.
Jeste jedna vec. Byl by nekde k sehnani ten soubor cooliris.swf? Jinac v jakym dostupnym programu se daji soubory s koncovkou swf editovat? Diky
Vezme! Nesmí být ale pro jinou galerii stejně pojmenované fotky. Můžes to kombinovat jak chceš. I adresáře se můžou jmenovat jinak, i soubory se můžou jmenovat jinak. Záleží jen na tom, budou-li všude správné cesty. RSS soubor je pouze XML soubor s odkazy na JPG fotky. Tzn. pokud v RSS souboru budes odkazovat na fotku vit.jpg do adresáře ja je to uplně jedno a bude to také fungovat. Ale tento RSS soubor si už musíš vytvořit sám. Program PicLens Publisher generuje automacicky do adesáře s prefixem pl.
Ještě jedna věc. Budu mít třeba dvě různé galerie, dva různé soubory photos.rss. Můžu si je pojmenovat různě? Třeba photos1.rss, photos2.rss a mít pro tyto dva soubory fotky uložené v jediném adresáři pl_images a pl_thumbs? Vezme si každý soubor z toho adresáře pl_images ty fotky, které potřebuje nebo to hodí chybu? Díky.
Přesně tak, stačí nahrát na FTP soubor default.html, photos.rss a adresáře s JPG soubory pl_images a pl_thumbs.
Čili, soubor gallery.html nepotřebuji, pokud budu mít soubor default.html? Místo gallery.html nahraju na FTP server soubor default.html? Díky.
Nevím co myslíš tím propojením souboru gallery.htm a default.html. Soubor gallery.html je vygenerovaný pomocí programu PicLens Publisher (jak je vidět na třetím obrázku). Soubor default.html popisuji v článku a je ke stažení. V něm se změní cesta k RSS souboru vygenerovaný pomocí pogramu PicLens Publisher. Žádné propojení (nebo jak jsi to myslel?) není potřeba. Každý soubor zobrazí jinou galerii, oba soubory ale odkazují na stejný RSS soubor s názvem photos.rss.
Tak uz jsem to zprovoznil. Jeste mam ale jeden dotaz, jak propojim mezi sebou soubor gallery.html a soubor default.html??? Muzu za tim slovem feed= napsat jen nazev toho souboru photos.rss, kdyz je tento soubor ve stejnem adresari jako soubor default.html?? Kdyz to totiz tak udelam, tak mi to porad nacita, ale dal se nic nedeje. Zadne fotky se nezobrazi. Dekuji.
Asi jsi spuštěl něco jiného. Pokud si stáhneš program PicLens Publisher z http://developer.cooliris.com/?p=publisher a naistaluješ, vytvoří se ikona na ploše. Po spustění už Tě program navede, případně si znovu pročti článek. Důležité je si uvědomi, že program PicLens Publisher generuje celou fotogalerii pro plugin Cooliris do prohlířeče. Tento článek je ale o flash verzi Cooliris. Program PicLens Publisher se tedy využívá pouze jako generátor RSS souboru. Případně více i na http://www.zkusmo.cz/foto/cooliris
zdravim, chtel bych se zeptat, jakym zpusobem docilim toho, aby mi ten program nabizel ty kroky 1, 2, 3 ??? kdyz to spustim, tak se mi otevre IE s fotogalerií, kde si navolim, jaky fotky tam chci, ale jak pak docilim tech dalsich dvou kroků? Díky moc.
NZ. Jsem rád, že je moje blogování k něčemu užitečné.
Velice děkuji za článek, přesně to jsem hledal, vše funguje, jak popisujete, jsem absolutní amatér, ale tohle s Vaší pomocí jsem zvládl hravě! Ještě jednou děkuji!
Omlouvám se, zapomněl jsem ve článku zmínit to, že se do kořenového adesáře FTP (webhostingu) musí nakopírovat soubor crossdomain.xml. Stáhneš ho zde: http://www.zkusmo.cz/data/crossdomain.zip
Ahoj, rád bych poprosil o radu … pořad se mi nedaří zprovoznit fotogalerii, myslím že dělám vše podle tvého návodu, ale ve finále mi to vyhodí nějaké „chybové hlášení“. Podotýkám že jsem amatér a tak prosím o schovývavost. Děkuji Michal. Zde je můj problém: http://www.feraty.eu/fotografie/default.html