close
部落格小玩意 "圖片輪播器語法貼紙"
圖片輪播器官網: http://www.jwplayer.com/
imagerotator.swf 載點: https://sites.google.com/site/toolsdn3/pl/imagerotator.swf.rar
*請將 圖片清單.XML, 圖片輪播器.SWF 存放在同一個空間.
"圖片輪播" 可上傳 *.swf 及 *.xml 至
第2項 ( Hinet ) ==> 適用於多家部落格的 "免費網路空間"
"圖片" 可上傳至Google ==> 適用於多家部落格的 "免費網路空間"
使用範例, 請參考右上 "圖片輪播" : 香酥美金桔鳳梨酥(藏頭詩)
"圖片輪播" 可上傳 *.swf 及 *.xml 至
第2項 ( Hinet ) ==> 適用於多家部落格的 "免費網路空間"
"圖片" 可上傳至Google ==> 適用於多家部落格的 "免費網路空間"
使用範例, 請參考右上 "圖片輪播" : 香酥美金桔鳳梨酥(藏頭詩)
{ }
........................................................................
*圖片輪播器語法參數:
&shuffle=true 隨機輪播 ; 若要依序輪播則設成 false
&showicons=true : 當shownavigation=true時顯示控制項 ;
=false : 當滑鼠移至畫面時若shownavigation=true "必顯示" 控制項
&shownavigation=true : 允許顯示控制項 ; =false 完全不顯示控制項
&rotatetime=5 每張圖片顯示5秒 ; 可改成其他數字
&backcolor=0xFFFFFF : 背景色 "白"
&frontcolor=0x000000 : 前景色 "黑"
&overstretch=false : 圖片依比例縮放 ; true 圖片可能被切邊
&transition 圖片轉場效果下列選一:
=random :或未設定表示各圖片 "隨機" 採用下列的展示方式
=fade :淡出
=bgfade :背景漸黑再變成圖片
=blocks :正方形
=bubbles :上升的泡泡
=circles : 圓形
=flash : 閃光
=fluids :液狀
=lines :線狀
=slowfade :緩慢淡出
&usefullscreen=true 允許全螢幕顯示
&repeat=true 重複播放 ; 若只播放一回則設成 false
&audio=背景音樂網址.MP3
&volume=80 MP3背景音樂音量
*圖片輪播器語法範例:
&shuffle=true 隨機輪播 ; 若要依序輪播則設成 false
&showicons=true : 當shownavigation=true時顯示控制項 ;
=false : 當滑鼠移至畫面時若shownavigation=true "必顯示" 控制項
&shownavigation=true : 允許顯示控制項 ; =false 完全不顯示控制項
&rotatetime=5 每張圖片顯示5秒 ; 可改成其他數字
&backcolor=0xFFFFFF : 背景色 "白"
&frontcolor=0x000000 : 前景色 "黑"
&overstretch=false : 圖片依比例縮放 ; true 圖片可能被切邊
&transition 圖片轉場效果下列選一:
=random :或未設定表示各圖片 "隨機" 採用下列的展示方式
=fade :淡出
=bgfade :背景漸黑再變成圖片
=blocks :正方形
=bubbles :上升的泡泡
=circles : 圓形
=flash : 閃光
=fluids :液狀
=lines :線狀
=slowfade :緩慢淡出
&usefullscreen=true 允許全螢幕顯示
&repeat=true 重複播放 ; 若只播放一回則設成 false
&audio=背景音樂網址.MP3
&volume=80 MP3背景音樂音量
*圖片輪播器語法範例:
<embed allowscriptaccess="never"
src="http://wang241.myweb.hinet.net/imagerotator.swf"
allowfullscreen="true"
flashvars="http://wang241.myweb.hinet.net/imagerotator_i.xml&shuffle=false&showicons=false"
height="188" width="286"></embed>
或
<embed allowscriptaccess="never"
src="ttp://wang241.myweb.hinet.net/imagerotator.swf?file=http://wang241.myweb.hinet.net/imagerotator_i.xml&shuffle=false&showicons=false"
allowfullscreen="true"
height="188" width="286"></embed>
src="http://wang241.myweb.hinet.net/imagerotator.swf"
allowfullscreen="true"
flashvars="http://wang241.myweb.hinet.net/imagerotator_i.xml&shuffle=false&showicons=false"
height="188" width="286"></embed>
或
<embed allowscriptaccess="never"
src="ttp://wang241.myweb.hinet.net/imagerotator.swf?file=http://wang241.myweb.hinet.net/imagerotator_i.xml&shuffle=false&showicons=false"
allowfullscreen="true"
height="188" width="286"></embed>
應用實例請參考: blog.xuite.net/sweetmay168
*圖片數目可自訂,本例圖片清單 imagerotator_i.xml,內容如下:
<?xml version="1.0" encoding="utf-8"?>
<!-- ttp://wang241.myweb.hinet.net/imagerotator.swf -->
<!-- file=http://wang241.myweb.hinet.net/imagerotator_i.xml&shuffle=false&showicons=false -->
<!-- 依序(不隨機)輪播圖片 &shuffle=false -->
<!-- mouse移入才顯示播放控制項 &showicons=false -->
<playlist version="1" xmlns="http://blog.xuite.net/tools241"><trackList>
<track>
<!-- 下一行creator可省略 -->
<creator>Mike Wang</creator>
<!-- 若title有中文, 後面可能須加空格 -->
<title>金桔鳳梨酥 </title>
<!-- 若圖片檔存放目錄同 *.swf, 則下列檔名可不帶網址 -->
<location>https://sites.google.com/site/sweetmay168/t/sweetmay001.jpg</location>
<!-- 下一行info可省略 -->
<info>http://blog.xuite.net/tools241</info>
</track>
<track>
<title>金桔鳳梨酥內餡 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay001z.jpg</location>
</track>
<track>
<title>綜合禮盒 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay002.jpg</location>
</track>
<track>
<title>土鳳梨酥 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay003.jpg</location>
</track>
<track>
<title>盒裝南棗核桃榚 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay004.jpg</location>
</track>
<track>
<title>袋裝南棗核桃榚 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay005.jpg</location>
</track>
<!-- ttp://wang241.myweb.hinet.net/imagerotator.swf -->
<!-- file=http://wang241.myweb.hinet.net/imagerotator_i.xml&shuffle=false&showicons=false -->
<!-- 依序(不隨機)輪播圖片 &shuffle=false -->
<!-- mouse移入才顯示播放控制項 &showicons=false -->
<playlist version="1" xmlns="http://blog.xuite.net/tools241"><trackList>
<track>
<!-- 下一行creator可省略 -->
<creator>Mike Wang</creator>
<!-- 若title有中文, 後面可能須加空格 -->
<title>金桔鳳梨酥 </title>
<!-- 若圖片檔存放目錄同 *.swf, 則下列檔名可不帶網址 -->
<location>https://sites.google.com/site/sweetmay168/t/sweetmay001.jpg</location>
<!-- 下一行info可省略 -->
<info>http://blog.xuite.net/tools241</info>
</track>
<track>
<title>金桔鳳梨酥內餡 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay001z.jpg</location>
</track>
<track>
<title>綜合禮盒 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay002.jpg</location>
</track>
<track>
<title>土鳳梨酥 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay003.jpg</location>
</track>
<track>
<title>盒裝南棗核桃榚 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay004.jpg</location>
</track>
<track>
<title>袋裝南棗核桃榚 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay005.jpg</location>
</track>
<track>
<title>杏仁酥 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay005.jpg</location>
</track>
</trackList></playlist>
<!-- 本列是註解==> 上列的location="圖片網址" ; title="照片名稱" -->
<!-- 本說明內容出自: hhttp://blog.xuite.net/tools241 -->
<!-- xml, swf請放在同一個
空間, -->
<!-- JPG, GIF, PNG 請上傳至 ==> -->
<!-- 適用於多家部落格的 "免費網路空間" , 文章網址 ==> -->
<!-- http://blog.xuite.net/tools241/blog/108046903 -->
<!-- 實際應用範例請參考: http://blog.xuite.net/sweetmay168 -->
<!-- 若以"記事本" 編輯本 *.xml , 在另存新檔時 '格式' 選不自動換行; '編碼' 選UTF-8 -->
<title>杏仁酥 </title>
<location>https://sites.google.com/site/sweetmay168/t/sweetmay005.jpg</location>
</track>
</trackList></playlist>
<!-- 本列是註解==> 上列的location="圖片網址" ; title="照片名稱" -->
<!-- 本說明內容出自: hhttp://blog.xuite.net/tools241 -->
<!-- xml, swf請放在同一個
空間, -->
<!-- JPG, GIF, PNG 請上傳至 ==> -->
<!-- 適用於多家部落格的 "免費網路空間" , 文章網址 ==> -->
<!-- http://blog.xuite.net/tools241/blog/108046903 -->
<!-- 實際應用範例請參考: http://blog.xuite.net/sweetmay168 -->
<!-- 若以"記事本" 編輯本 *.xml , 在另存新檔時 '格式' 選不自動換行; '編碼' 選UTF-8 -->
全站熱搜