教學｜JW Image Rotator

About this Entry
Posted by: stephpunk Original: 2/24/2008 5:43 PM Comments: 26 eProps: 26 Read Comments Post a Comment Back to Your Xanga Site

Tags
teach

Who gave the eProps?
2 eProps from: brianwyk lorain_ai superlovekorea cheng_212 FUNGbestFD lulove903 kei_091893 Sp_CM katietsang mcmugava inmost_u yukicow Gogo_kao

Sunday, February 24, 2008

　　其實自從有了 blog 以後，好多各式各樣的 image viewer 都出現了，特別是 Flash 的，因為它們都比較靈活，可以有不同效果，設置又簡單。跟 JW 的 mp3player 一樣，image rotator 的設置方法大同小異。

JW Image Rotator 可播放的格式和好處：

。.jpg / .png / .gif
。支援 RSS, XSPF and ATOM playlist
。支援 Flickr 的 feed ( 所以如果你有在 Flickr 開 album，就可以更方便在 blog 播放了 )
。有各種不同的播放效果
。可加入少量文字
。可加音樂背景
。可加上連結

1/ 先按此進入 setup wizard

2/ 在 1:Select an example setup 下面選 Imagerotator 的任何一項 ( 不同預設 )

　○ Imagerotator with blocks trasition：方形圖片轉換效果
　○ Imagerotator without controlbar with links：沒有控制條 + 有圖片連結
　○ Imagerotator with Flickr feed and overstretched images：Flickr 網摘 + 圖片伸張
　○ Imagerotator with different colors and flash trasition：不同顏色 + 不同圖片轉換效果
　○ Imagerotator with additional audiotrack and short rotatetime：加額外音效 + 短轉換時間

　注：以上只是幾種預設的設定，你可以直接選，或者選了之後再修改 ( flashvars )

3/ 選了預設設定後，
　你可以到下面 2:Tweak the available flashvars 裡作進階設定

　○ The basics

　　 ○ source：可以不修改
　　 ○ height/ width：高 / 寬
　　 ○ file：播放清單的網址 (e.g：http://hk.geocities.com/雅虎帳號/imageplaylist.xml )

　　按此另存目標 imageplaylist.xml 範本
　　跟著裡面的格式輸入你想要播的圖片
　　修改儲存後，上載到任何網絡寄存空間 ( 如：geocities )

　　 ○ transition：圖片轉換效果
　　‧random(default)：隨機
　　‧fade：圖片漸變成圖片
　　‧bgfade：背景先漸變成黑再漸變成圖片
　　‧blocks：正方形
　　‧bubbles：泡泡
　　‧circles：圓形
　　‧flash：閃光
　　‧fluids：液體
　　‧lines：線狀
　　‧slowfade：慢漸變

　○ The colors

　　 ○ backcolor/ frontcolor/ lightcolor/ screencolor：背景/ 前景/ 選擇/ 表面顏色

　○ Display appereance

　　 ○ logo：圖片標籤，會加到所有圖片的右上角 ( e.g：http://xxx.com/xxx.png )
　　 ○ overstretch：圖片伸張
　　‧false：圖片不作任何伸張
　　‧true：圖片伸展至播放器大小
　　‧none：不伸展
　　 ○ showicons：播放 icons 如上一張/ 下一張

　○ Controlbar appereance

　 ○ shownavigation：控制條

　○ Playback behaviour

　 ○ audio：背景音樂 ( e.g：http://xxx.com/xxx.mp3 )
　 ○ autostart/ repeat/ rotatetime/ shuffle/ volume：
　　自動播放/ 重播/ 轉換秒數/ 隨機播放/ 音量

　○ External communication

　 ○ enablejs/ javascriptid/ linkfromdisplay/ linktarget：
　　批准 javascript/ 加上個別 id/ 加上連結/ 連結網址

4/ 修改好後可隨時按 Update preview & code 看效果

5/ 在 3:Check the preview and copy the code 下面複製所產生的 code，
　然後在你喜歡的地方貼上 (如：header/ interest )

注：如果你有問題，請在發問時附上你的 code

Posted 2/24/2008 5:43 PM - 26 comments

recommend
recs0
give stars
votes0
email
sent0

Give eProps or Post a Comment

26 Comments

browse comments: next › | last »

Posted 2/24/2008 5:53 PM by brianwyk - reply

唔錯，有用。

Posted 2/24/2008 5:54 PM by brianwyk - reply

我也喜歡背影~

Posted 2/24/2008 6:15 PM by lorain_ai - reply

真係非常感激你ar!!!我整左好耐都整唔到...

Posted 2/24/2008 9:37 PM by superlovekorea - reply

我想問個playlist係咪用記事本開,再揀unicode??

我放左條網址去file果度後,個player黑晒,咩都冇ge??

This text will be replaced

var so = new SWFObject('http://www.jeroenwijering.com/embed/imagerotator.swf','mpl','470','160','8');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addVariable('height','160');
so.addVariable('width','470');
so.addVariable('file','http://hk.geocities.com/yesmonica1031/imageplaylist.xml ');
so.addVariable('audio','/upload/postmen.mp3');
so.addVariable('rotatetime','2');
so.addVariable('volume','25');
so.write('player');

麻煩你幫我睇睇有咩問題ar~thx

Posted 2/24/2008 9:59 PM by superlovekorea - reply

superlovekorea :
如果你係打算擺係 xanga, 就應該用 embed 既方式擺 code,
你以上留言係 swfobject code 來,
係xanga 會出唔到的,
你可以係 setup wizard 裡面 set 好後,
在 code 的框下面選 "get the embed code" ...

Posted 2/24/2008 10:09 PM by stephpunk

- reply

依然係load唔到圖片,how come??

Posted 2/24/2008 10:43 PM by superlovekorea - reply

我吾識放相..

按此另存目標 imageplaylist.xml 範本哥到,

我開左之後佢寫住

文字內容包含無效的字元。處理資源 'http://stephpunk.com/teach/imageplaylist.xml' 發生錯誤。第 10 行, 位置 11

定係我禁錯??

Posted 2/24/2008 11:25 PM by cheng_212

- reply

sorry ah~ 原來要用記事本開...明啦!!

Posted 2/24/2008 11:31 PM by cheng_212

- reply

Thzzzz``

Posted 2/25/2008 12:11 AM by FUNGbestFD - reply

你鐘意林宥嘉㗎？

咁你有冇睇呀？

Posted 2/25/2008 1:16 AM by lulove903 - reply

有冇睇星光大道？

Posted 2/25/2008 1:17 AM by lulove903 - reply

我係個setup wizard度禁左update preview & code
佢下面個preview個度我睇到我d相
但係我apply我d code去xanga header/interest個陣佢又show唔到呢舊野出黎
點解會咁既請問.

Posted 2/25/2008 12:12 PM by kei_091893

- reply

呢度係我d code

Posted 2/25/2008 12:13 PM by kei_091893

- reply

＜ｅmｂeｄ
src="http://hk.geocities.com/kei091893/imagerotator.swf"
width="264"
height="246"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="height=246&width=264&file=http://hk.geocities.com/kei091893/imageplaylist.xml&overstretch=true&repeat=true"
/>

Posted 2/25/2008 12:15 PM by kei_091893

- reply

any things wrong?i cant use it@@thz

Posted 2/25/2008 8:57 PM by Sp_CM - reply

＜ｅｍｂｅｄ
src="http://www.jeroenwijering.com/embed/imagerotator.swf"
width="470"
height="160"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="height=160&width=470&file=http://hk.geocities.com/wilsonshon61/imageplaylist.xml&audio=/upload/postmen.mp3&rotatetime=2&volume=25"
/>

Posted 2/25/2008 8:57 PM by Sp_CM - reply

點解我放左呢段野落profile的interest入面,,都冇反應??
完全冇野出黎??得個空格??

Posted 2/29/2008 9:25 PM by katietsang - reply

＜ｅｍbed
src="http://www.geocities.jp/msk64703355/mediaplayer.swf"
width="200"
height="240"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="height=240&width=200&file=http://www.geocities.jp/msk64703355/playlist.xml&backcolor=0xFFCCCC&frontcolor=0xFFFFFF&lightcolor=0xFFFFCC&screencolor=0xFFCCCC&displayheight=130&autoscroll=true&autostart=true&repeat=true"
/>

呢段

Posted 2/29/2008 9:26 PM by katietsang - reply

okay 左啦~

Posted 2/29/2008 9:40 PM by katietsang - reply