在HTML裡使用CAYIN多媒體播放器 > 圖片投影片標籤與參數

圖片投影片標籤與參數

您也可以利用圖片投影片標籤在HTML頁面中建立影像區域。請參考下列表格跟範例。

HTML 碼

1
2
3
4
5
 
<object type="TYPE Attribute" height=" Object height（pixel）" width=" Object width（pixel）">
<param name="NAME Attribute " value=" value ">
<param name="NAME Attribute " value=" value ">
<param name="NAME Attribute " value=" value ">
</object">
回到頂端

TYPE 屬性

屬性 屬性值 說明
Type app/cayin-image

您可建立此外掛類型來製作圖片投影片。
回到頂端

NAME 屬性

屬性 屬性值 說明
src

play-local-all

play-local-schedule-1

play-local-schedule-2
play-server-schedule-1
play-server-schedule-2
file://folder/image.jpg
file://folder2/ 		圖片來源屬性：
play-local-all: 播放多媒體資料夾中的所有檔案。
play-local-schedule-x: 依照本地排程區塊1或2
play-server-schedule-x: 依照中央排程區塊1或2
file: 您可指定播放檔案或資料夾中的全部影像。
duration [0-9]* 每個影像的顯示時間。
3為預設值
sequence Forward
Backward
Random 		順序
recursive 0/Disable/No
1/Enable/Yes		 包含子資料夾
scale_fit 0
1
2		 自動縮放
0： 停用
1： 符合區域（等比例）
2： 符合區域（不等比例）
transition_effect 0
1~50
255		 0: 無轉場效果（預設）
檢查下列詳細轉場效果清單。

轉場效果詳細清單

代碼 名稱 代碼 名稱
0
無轉場效果
 26
左右往中間夾縮
1
向右擦去（*1）
 27
上下往中間夾縮
2
向左擦去（*2）
 28
中間往左右擴展
3
向下擦去（*3）
 29
中間往上下擴展
4
向上擦去（*4）
 30
順時針輪轉, 1 輻射狀
5
向右插入
 31
順時針輪轉, 2 輻射狀
6
向左插入
 32
順時針輪轉, 3 輻射狀
7
向下插入
 33
順時針輪轉, 4 輻射狀
8
向上插入
 34
順時針輪轉, 8 輻射狀
9
淡出後淡入
 35
向右推展
10
淡入
 36
向左推展
11
向右展開
 37
向下推展
12
向左展開
 38
向上推展
13
向下展開
 39
向右擦去 – 柔邊
14
向上展開
 40
向左擦去 – 柔邊
15
飛入 – 往右下
 41
向下擦去 – 柔邊
16
飛入 – 往左下
 42
向上擦去 – 柔邊
17
飛入 – 往左上
 43
雨刷
18
飛入 – 往右上
 44
4支雨刷
19
旋入
 45
大棋盤
20
橫式百葉窗
 46
小棋盤
21
直式百葉窗
 47
俄羅斯方塊 – 大
22
盒狀放射
 48
俄羅斯方塊 – 小
23
盒狀收縮
 49
溶解 – 大
24
圓形放射
 50
溶解 – 小
25
圓形收縮
 255
隨機
*1: 將轉場效果名稱由“由左至右”改為“向右擦去”。
*2: 將轉場效果名稱由“由右至左”改為“向左擦去”。
*3: 將轉場效果名稱由“由上至下”改為“向下擦去”。
*4: 將轉場效果名稱由“由下至上”改為“向上擦去”。
回到頂端

範例

重複播放多媒體資料夾中的影像檔

1
2
3
4
5
6
7
8
9
10
11
 
<html>
<head>
</head>
<body>
<object type="app/cayin-image" width="320" height="240">
<param name="src" value="file://folder/image1.jpg">
<param name="src" value="file://folder/image2.jpg">
<param name="src" value="file://folder/image3.jpg">
</object>
</body>
</html>
回到頂端