<< [好愛音樂]Lauren Christy, The Color Of The Night | 回blog首頁 |
Paper Goods:自主印刷紙月曆,模型,賀卡,手帳用紙愛好者參考網站 >>
2005年05月5日
Pholiot:展示相集的的另一Flash+Javascript方案
不知大家有沒有發現,我的M-Miu照片展示又變了方式?因為我找到了一個比POQUE更神的方法。Pholiot支援設定數組不同的相冊,而且又可以任意自訂以Slideshow,Thumbnail或Contract Sheet的方式去開始展示(不像POQUE只有SlideShow形式可選),它可以讓你將「秀出相片」這回事玩得好複雜,又可以好簡單。
1. 首先到作者的網站下載Pholiot的zip檔案。如果你的網頁底色屬於比較深色的話,就下載「濃背景」那個檔案。
2. 解壓後會發現內埋有3個檔案,分別為pholiot.swf,pholiot.js和pholiot.xml。
3. 打開pholiot.xml作修改
< pholiotdata >< /pholiotdata > 是檔案的起首與尾端
< customize 中間的一堆東西是用作定義相簿的行為,以下用紅色來介紹 />
★注意,你可以先使用< customize defaultmode=.......去設定整個Pholiot的展示行為,再在個別的相冊再一次使用< customize去override defaultmode並對個別相簿作出設定。
defaultmode = "slideshow" 選擇起首以"slideshow","browse"(即是展示一堆相集讓用家自行選取參看的模式),"thumbnail"(看縮圖),"viewer"(即是現在m-miu相集的展示模式)
galleries = "true" "true"即是在browse模式中,容許用家閱覽其他相冊,如選擇"false"即代表不容許
thumbnail = "true" "true"即是在browse模式中,容許用家使用看縮圖功能,如選擇"false"即代表不容許
playallgalleries = "true" 容許"true"或不容許"false"展示多於一本相冊
returntobrowse = "false" 如果上面的playallgalleries容許展示多於一本相冊,並在defaultmode使用viewer模式,瀏覽到最後一本相冊的最後一張相片時,在這兒選擇false的話相片就不會自動變回browse的模式,而一直保持以viewer的模式運作。而選擇"true"的話,在瀏覽時就再不會出現Image Viewer的按鈕。不過如果在defaultmode經已選擇了用viewer模式去運作的話,不需再設定這個功能也會自動變成false。
randomgallery = "false" 如果有多於一本相冊,選擇"true"即容許相冊不按次序隨機展示,"false"即是不尤許
randomimage = "false" "true"容許個別相片作隨機展示,"false"就不用說了吧?
fitimagetoview = "false" 即是將個別相片夾硬放大縮小成Pholiot所設定好的大小
fitviewtoimage = "true" 好深,都不明白,反正,跟原作的設定就成
pan = "false" 如這兒設定為"true",只有fitimagetoview設定為"true"及zoom設定為"false"才會使這個pan設定有效。pan的動作是由相片的左至右或上至下。
zoom = "false" 展示相片時變焦放大
zoomrandomxy = "true" 即是任意選取原相片的任何一點開始變焦放大
zoomdepth = "2" 相片變焦展示的倍率,★要注意,由於Pholiot是以原相片縮圖fit to Pholiot本身的display size後再放大(靠!經已盡量寫,我也知道大家很難明白-_-,但暫時找不到合適的句子去描述),如果倍率太高,相片會起「格/毛邊」的,所以這個數值不可以定得太高,我的設定只是"1"。
zoomrandomdepth = "false" 就zoomdepth設定了的數值的範圍以內,再隨機對每張相片作不同程度的變焦(嘩!是否傻的)
panzoomtime = "5000" 相片展示時由小到大變焦的時間間隔,5000即是5秒,作者說最好按操作系統的需要去設定(汗!)
crossfadetime = "3000" 相片與相片之間的「過場」時間,3000即3秒
slidedelaytime = "6000" 相片被展示的時間,這個設定經已包括crossfadetime所需的時間
motionmode = "liner" 相片的運動方式,"liner"(等速),"easein"(加速),"easeout"(減速),"easeboth"(加速後減速)
xmargin = "0" 展示相片時保留左右的區域不作展示(例如scan圖有白邊,就可以用這個設定搞定)
ymargin = "0" 展示相片時保留上下的區域不作展示(原因同上)
showlink = "false" 如果相片有設定個別連結(下面的gallery屬性會提及),相片被展示亦同時會造成一按連結的效果,"true"即是會造成連結,"false"即不會
< gallery name="相冊的名稱" description="相冊的描述 ">
< imageurl >http://mysite.com/photo/lomo01.jpg< /imageurl > 相片所處的實際位址
< caption >相片說明< /caption > 對相片所作的說明
< linkurl name="連結的名稱 ">http://mysite.com/photo/< /linkurl > 假如相片有獨立的URL,可以使用這個功能去顯示
實在只需要把xml檔按自己的心意KUSO就行,以上的全部可以不理。
4. 設定好了以後,把3個檔案上載到你的網站空間內,然後在網頁空白的地方插入以下的編碼
< script type="text/javascript" language="JavaScript" src="xxx/pholiot.js" >< /script > 例如http://mysite.com/xxx/pholiot.js,至於樂多的設定問題經已在POQUE那編說過了,在這兒就不贅。
5. 和這個編碼
< script type="text/javascript" language="JavaScript" >
showPholiot({url: 'http://yoursite.com/xxx/pholiot.swf', data_url: 'http://yoursite.com/xxx/pholiot.xml', bgcolor: '#ffffff', width: 'font color="orange">180', height: '260', menu: 'false'});
< /script >
橙色部份可按需要修改
#ffffff = 背境顏色
180 = Pholiot的闊度
260 = Pholiot的高度
menu = "false"這個也不太知道是甚麼,反正沒特別就按照原有的設定吧
一切完成後Pholiot就可以成功運作囉。
2. 解壓後會發現內埋有3個檔案,分別為pholiot.swf,pholiot.js和pholiot.xml。
3. 打開pholiot.xml作修改
< pholiotdata >< /pholiotdata > 是檔案的起首與尾端
< customize 中間的一堆東西是用作定義相簿的行為,以下用紅色來介紹 />
★注意,你可以先使用< customize defaultmode=.......去設定整個Pholiot的展示行為,再在個別的相冊再一次使用< customize去override defaultmode並對個別相簿作出設定。
defaultmode = "slideshow" 選擇起首以"slideshow","browse"(即是展示一堆相集讓用家自行選取參看的模式),"thumbnail"(看縮圖),"viewer"(即是現在m-miu相集的展示模式)
galleries = "true" "true"即是在browse模式中,容許用家閱覽其他相冊,如選擇"false"即代表不容許
thumbnail = "true" "true"即是在browse模式中,容許用家使用看縮圖功能,如選擇"false"即代表不容許
playallgalleries = "true" 容許"true"或不容許"false"展示多於一本相冊
returntobrowse = "false" 如果上面的playallgalleries容許展示多於一本相冊,並在defaultmode使用viewer模式,瀏覽到最後一本相冊的最後一張相片時,在這兒選擇false的話相片就不會自動變回browse的模式,而一直保持以viewer的模式運作。而選擇"true"的話,在瀏覽時就再不會出現Image Viewer的按鈕。不過如果在defaultmode經已選擇了用viewer模式去運作的話,不需再設定這個功能也會自動變成false。
randomgallery = "false" 如果有多於一本相冊,選擇"true"即容許相冊不按次序隨機展示,"false"即是不尤許
randomimage = "false" "true"容許個別相片作隨機展示,"false"就不用說了吧?
fitimagetoview = "false" 即是將個別相片夾硬放大縮小成Pholiot所設定好的大小
fitviewtoimage = "true" 好深,都不明白,反正,跟原作的設定就成
pan = "false" 如這兒設定為"true",只有fitimagetoview設定為"true"及zoom設定為"false"才會使這個pan設定有效。pan的動作是由相片的左至右或上至下。
zoom = "false" 展示相片時變焦放大
zoomrandomxy = "true" 即是任意選取原相片的任何一點開始變焦放大
zoomdepth = "2" 相片變焦展示的倍率,★要注意,由於Pholiot是以原相片縮圖fit to Pholiot本身的display size後再放大(靠!經已盡量寫,我也知道大家很難明白-_-,但暫時找不到合適的句子去描述),如果倍率太高,相片會起「格/毛邊」的,所以這個數值不可以定得太高,我的設定只是"1"。
zoomrandomdepth = "false" 就zoomdepth設定了的數值的範圍以內,再隨機對每張相片作不同程度的變焦(嘩!是否傻的)
panzoomtime = "5000" 相片展示時由小到大變焦的時間間隔,5000即是5秒,作者說最好按操作系統的需要去設定(汗!)
crossfadetime = "3000" 相片與相片之間的「過場」時間,3000即3秒
slidedelaytime = "6000" 相片被展示的時間,這個設定經已包括crossfadetime所需的時間
motionmode = "liner" 相片的運動方式,"liner"(等速),"easein"(加速),"easeout"(減速),"easeboth"(加速後減速)
xmargin = "0" 展示相片時保留左右的區域不作展示(例如scan圖有白邊,就可以用這個設定搞定)
ymargin = "0" 展示相片時保留上下的區域不作展示(原因同上)
showlink = "false" 如果相片有設定個別連結(下面的gallery屬性會提及),相片被展示亦同時會造成一按連結的效果,"true"即是會造成連結,"false"即不會
< gallery name="相冊的名稱" description="相冊的描述 ">
< imageurl >http://mysite.com/photo/lomo01.jpg< /imageurl > 相片所處的實際位址
< caption >相片說明< /caption > 對相片所作的說明
< linkurl name="連結的名稱 ">http://mysite.com/photo/< /linkurl > 假如相片有獨立的URL,可以使用這個功能去顯示
實在只需要把xml檔按自己的心意KUSO就行,以上的全部可以不理。
4. 設定好了以後,把3個檔案上載到你的網站空間內,然後在網頁空白的地方插入以下的編碼
< script type="text/javascript" language="JavaScript" src="xxx/pholiot.js" >< /script > 例如http://mysite.com/xxx/pholiot.js,至於樂多的設定問題經已在POQUE那編說過了,在這兒就不贅。
5. 和這個編碼
< script type="text/javascript" language="JavaScript" >
showPholiot({url: 'http://yoursite.com/xxx/pholiot.swf', data_url: 'http://yoursite.com/xxx/pholiot.xml', bgcolor: '#ffffff', width: 'font color="orange">180', height: '260', menu: 'false'});
< /script >
橙色部份可按需要修改
#ffffff = 背境顏色
180 = Pholiot的闊度
260 = Pholiot的高度
menu = "false"這個也不太知道是甚麼,反正沒特別就按照原有的設定吧
一切完成後Pholiot就可以成功運作囉。
引用URL
http://cgi.blog.roodo.com/trackback/110859
引用列表:
何気に利用者が増えててびっくりするPholiotですが、フォーラムの雑談カテゴリにあったように英語版をkitsuneさんが、そしてトラックバックをいただきましたdfazenさんのblogでは繁体字中国語で使用方法を書いて...
Pholiotの使用方法を翻訳してくれました【サイケデリックビビアン】
at 2005年05月7日 16:04
為了提供動態相片的功能,搜尋網站許久... 終於發現了兩個網站Poliot 作者網站、Poliot 中文說明網站,發現他們提供了我想要的解決方案... Step 1:到Poliot 作者網站、下載pholiot_v1.20.zip檔案 Step 2:解開檔案有pholiot.swf,pholiot.js和pholiot.xml三個檔案 Step 3:修改pholiot.xml檔案 修改方式(摘錄自>、Poliot 中文說明網站 defaultmode = "slideshow" :選擇起首以"slides
動態相簿...【Dreamer Blog】
at 2005年06月8日 09:26
最近因為有學員問到,如何在網頁中由使用者自行控制來瀏覽相片或圖檔?\r\n\r\n花了一些心思尋找,突然被我發現一個非常好玩的東西,叫做 Pholiot,向大家推薦,有興趣的讀者也可以試試喔!
在網頁中展示相片的方式【ch3128】
at 2005年07月3日 23:42
Pholiot:展示相集的的另一Flash Javascript方案
Pholiot:展示相集的的另一Flash Javascript方案【BJ數位部落】
at 2006年01月10日 15:57
可以放在 blog 的各種 player 有好多,例如你想放~ 圖片,可以用:
MultiMedia Player: Stickam and CoolPlayer【Just another Sidekick】
at 2006年02月1日 05:54
可以放在 blog 的各種 player 有好多,例如你想放~ 圖片,可以用:
MultiMedia Player: Stickam and CoolPlayer【Just another Sidekick】
at 2006年02月1日 05:56
source可以放在 blog 的各種 player
MultiMedia Player: Stickam and CoolPlayer【Just another Sidekick】
at 2006年02月1日 05:59
source可以放在 blog 的各種 player
MultiMedia Player: Stickam and CoolPlayer【Just another Sidekick】
at 2006年02月1日 06:01
source可以放在 blog 的各種 player
MultiMedia Player: Stickam and CoolPlayer【Just another Sidekick】
at 2006年02月4日 14:53
source可以放在 blog 的各種 player
MultiMedia Player: Stickam and CoolPlayer【Just another Sidekick】
at 2006年03月6日 06:05
最近在internet surf surf 吓, 認識咗blogline, 由於對電腦的知識有限, 所以有種Alice入咗夢遊仙境的感覺, 有很多很有趣的綱誌, 最難得是像你一般的綱友, 肯無私地分享知識和資訊, 很值得鼓勵! Keep up the spirits!
All the best!
All the best!
Posted by cindy
at 2005年05月6日 18:01
Cindy你好,我都係因為我自己需要所以先至去研究呢o的野,有好野梗係要大家知啦,係咪?有機會大家一齊多o的玩玩blog,玩玩網啦:)
Posted by 黛
at 2005年05月6日 21:07
先謝謝你提供詳細底安裝方法。不過我個人也是樂多的使用者,卻怎麼試都無法成功呢?最後還自暴自棄直接上傳作者的三個原始檔案,也乖乖在自由欄位貼上語法,blog上卻無法顯示任何東西...但同樣底語法我貼在Frontpage或dreamweaver上就可以預覽呀?可以請教在樂多上安裝除了注意上傳檔案的url路徑之外,是不是還有其他門檻?thank anyways!
Posted by K
at 2005年06月1日 19:01
Dear K,早前沒有回覆真的不好意思,現在看來你經已成功了,恭喜啊!
Posted by 黛
at 2005年06月28日 23:21
十分感謝您的詳細解釋。我已經成功應用在我的blog上了。並譯作簡體中文,把您的文章稍作改動轉載在我的blog裏了。標題沒有註明轉載,但最後提到了引用您的文章。如果您覺得不合適,請聯係我。 再次感謝!十分喜歡您介紹的小東東,因爲日語對我來說是一竅不通的。呵呵。
Posted by Ray
at 2005年12月23日 09:34
好的好的,隨便link吧~~~~
Posted by 黛
at 2005年12月23日 10:09
居然在綫。。。膜拜ing。。。
Posted by Ray
at 2005年12月23日 11:02
我是鬼嗎......我當然在線.......
Posted by 黛
at 2005年12月23日 11:56
劳驾黛小姐帮忙看看这个页面的播放器怎么搞定好吗?好酷好炫的说。可以选歌的,很棒。
http://www.littleoslo.com/cnt/home/?p=137
另外,你不是鬼,我是。。。昨天那会儿我这里凌晨4点多。。嘿嘿。
http://www.littleoslo.com/cnt/home/?p=137
另外,你不是鬼,我是。。。昨天那会儿我这里凌晨4点多。。嘿嘿。
Posted by Ray
at 2005年12月23日 22:40
這個一早經已貼了文啦,你找找吧。
Posted by 黛
at 2005年12月23日 23:30
這個能在樂多上面用嗎?
我貼在自由欄位上後居然顯示原始碼?
怎麼回事?
我貼在自由欄位上後居然顯示原始碼?
怎麼回事?
Posted by Bruno
at 2006年06月17日 20:44