這是一款通用圖片瀏覽器,可以根據圖片的大小,決定SWF(圖片瀏覽器)寬度和高度的。采用參數傳遞方法,通過博客添加FLASH動畫的代碼,將圖片網址、圖片切換特效的編號、特效顯示的方式等傳送到圖片瀏覽動畫中。
不需要上傳FLASH動畫和制作的專門技術,也可以擁有圖片瀏覽的技巧。
一、博客添加“圖片瀏覽器”的代碼:
<EMBED
src=http://dashan.vip5.flashyc.net/swf/sl-tpll(qhbkwtzd).swf
width=寬度 height=高度 type=application/x-shockwave-flash
QUALITY="high" WMODE="transparent" FLASHVARS="tpt=圖片網址相同部分&tp=圖片網址(或圖片網址不同部分)
&tpw=圖片網址不同部分簡寫&cc=圖片尺寸&qhfs=切換方式&txbh=特效編號"></EMBED>
代碼說明:http://dashan.vip5.flashyc.net/swf/sl-tpll(qhbkwtzd).swf
是圖片瀏覽動器網址,這網址是固定不變的。width=寬度:當圖片的寬度大于等于600時,width=600,當圖片的寬度小于600時,width=圖片寬度,height=高度:當圖片的高度大于等于450時,height=450,當圖片的高度小于450時,height=圖片高度,
FLASHVARS="參數列表"引號中就是要傳遞的參數。紅色部分是必須設置的,粉紅色部分是可選的。不選某參數,即某參數不在參數列表中出現,則取默認值。參數之間用&分隔,排列順序不分前后。
使用以上代碼時,請將代碼復制粘帖到“記事本”之后(過濾顏色),再從“記事本”復制粘帖到你的博文代碼編輯區中。
二、參數說明:
1、圖片網址參數
(新浪相冊的圖片現在在《圖片瀏覽器(可改變寬度、高度)》不能使用,請暫停使用)
tpt=圖片網址相同部分
使用同一網站的圖片網址,其網址前面部分都是相同的。將圖片網址中相同部分用一個tpt來定義,它與tp或與tpw參數組合成完整的圖片網址。如果不選用此參數,則tp必須是完整的圖片網址。
tp=圖片網址(或圖片網址不同部分)
tp=圖片網址1|圖片網址2|......|圖片網址n 網址之間用豎線字符分隔。
如果選用了tpt參數則tp=圖片網址不同部分1|圖片網址不同部分2|......|圖片網址不同部分n
tpw=圖片網址不同部分簡寫
該參數僅用于圖片網址尾部是連續的序列號。如01、02......nn或001、002......nnn。
tpw=01|nn|.jpg 或 tpw=001|nnn|.jpg
注意:此參數必須與tpt參數配套使用,并且不能再用tp參數。
2、圖片尺寸參數
cc=圖片尺寸
cc=寬度*高度(例cc=1024*768) 寬度與高度用*字符分隔。
注意:選用的圖片尺寸必須一致。如果使用新浪相冊的圖片,請將圖片網址尾部&690刪除后使用。
3、其他參數
qhfs=切換方式
圖片切換特效顯示方式:qhfs=0是按編號順序顯示。qhfs=1是隨機抽取編號顯示。不選用qhfs參數,則默認為隨機抽取編號。
txbh=特效編號
圖片瀏覽動畫提供110款的圖片切換特效,以下是特效的編號。txbh參數提供選擇喜歡的圖片切換特效。(特效效果請看FLASH實例-圖片切換百款(外部))。
參數格式:txbh=編號x|編號y|......|編號n 編號之間用豎線字符|分隔。
如果僅需要一種圖片切換特效,只要設置參數:txbh=編號(如txbh=1)即可。
不選用txbh參數,則默認為用全部的圖片切換特效。
編號 特效名稱
—— ——————————
1 01—淡入談出
2 02—拉幕上向下
3 03—拉幕左向右
4 04—拉幕下向上
5 05—拉幕右向左
6 06—長方形旋轉填位
7 07—梯形上下填位
8 08—風車
9 09—方塊排列
10 10—三角形向中間合攏
11 11—圓角組合
12 12—拉幕中間向上下
13 13—拉幕中間向左右
14 14—方星轉向中心
15 15—圓轉六角旋左向右
16 16—圓轉八角旋左向右
17 17—菱形下拉
18 18—細條變化
19 19—多角星中心擴散
20 20—半圓旋轉擴散
21 21—圓交叉
22 22—拉幕左上向右下
23 23—拉幕右上向左下
24 24—拉幕左下向右上
25 25—拉幕右下向左上
26 26—拉幕左上角向右下角
27 27—拉幕左下角向右上角
28 28—拉幕右下角向左上角
29 29—拉幕右上角向左下角
30 30—拉幕中心向四周
31 31—扇形柄頂下中點
32 32—扇形柄頂上中點
33 33—扇形柄頂右中點
34 34—扇形柄頂左中點
35 35—扇形柄頂右下角
36 36—扇形柄頂左上角
37 37—扇形柄頂右上角
38 38—扇形柄頂左下角
39 39—條形左邊向右邊
40 40—條形右邊向左邊
41 41—條形上邊向下邊
42 42—條形下邊向上邊
43 43—條形左上角向右下角
44 44—條形右下角向左上角
45 45—條形右上角向左下角
46 46—條形左下角向右上角
47 47—淡入談出
48 48—關門左向右
49 49—關門右向左
50 50—關門下向上
51 51—關門上向下
52 52—關門左下向右上
53 53—關門右下向左上
54 54—關門右上向左下
55 55—關門左上向右下
56 56—大變小向中心
57 57—大變小向左角
58 58—大變小向上邊
59 59—大變小向左邊
60 60—切方塊擴散
61 61—方塊擴散左上向右下
62 62—星形轉方形中心射出
63 63—方轉星右上向左下
64 64—方轉星右下向左上
65 65—方轉星左下向右上
66 66—方轉星左上向右下
67 67—條形穿插下向上
68 68—條形穿插上向下
69 69—條形穿插左向右
70 70—條形穿插右向左
71 71—方形逐個左向右上向下
72 72—圓形逐個左向右上向下
73 73—星形逐個左向右上向下
74 74—方形中心向四周飛出
75 75—橫條水波
76 76—方形上下中間
77 77—方形旋轉擴散
78 78—方形旋轉左上向右下
79 79—方形旋轉上下中間
80 80—方形旋轉外向內
81 81—圓形擴散右移
82 82—方塊旋轉左下向右上
83 83—圓交叉變方擴散
84 84—方形擴散
85 85—方形弓字向下
86 86—方星轉化右上向左下
87 87—方星轉化右下向左上
88 88—方星轉化左上向右下
89 89—方星轉化左下向右上
90 90—拉幕壓縮左向右
91 91—拉幕壓縮上向下
92 92—拉幕壓縮下向上
93 93—拉幕壓縮右向左
94 94—前段模糊左向右
95 95—前段模糊右向左
96 96—畫軸卷動上向下
97 97—畫軸卷動左向右
98 98—翻頁卷下左向右
99 99—翻頁卷下右向左
100 100—翻頁卷上左向右
101 101—翻頁卷上右向左
102 102—模糊橢圓中心擴散
103 103—模糊五角星旋轉擴散
104 104—模糊方形中心擴散
105 105—模糊左下向右上
106 106—方形交叉向中
107 107—揮旗中點右向左
108 108—梅花旋轉中心擴散
109 109—邊模糊花朵中心擴散
110 110—葵花旋轉中心擴散
實例代碼:
實例一代碼:
<
align=center><EMBED
src=http://dashan.vip5.flashyc.net/swf/sl-tpll(qhbkwtzd).swf
width=600 height=400 type=application/x-shockwave-flash
QUALITY="high" WMODE="transparent"
FLASHVARS="tpt=http://hzy.52hzy.com/pass/UploadFile/20102&tp=437076625.jpg|436993673.jpg|437129221.jpg|437742953.jpg|437428657.jpg|437586485.jpg|456456485.jpg|437694517.jpg|552101249.jpg|480517937.jpg|480457641.jpg&cc=600*400"
></EMBED></P>
實例二代碼:
<
align=center><EMBED
src=http://dashan.vip5.flashyc.net/swf/sl-tpll(qhbkwtzd).swf
width=256 height=160 type=application/x-shockwave-flash
QUALITY="high" WMODE="transparent"
FLASHVARS="tpt=http://fmn.rrimg.com/fmn0&tp=51/20110816/1110/p_large_bn4G_529000044fca5c73.jpg|55/20110816/1110/p_large_pVl0_540f000451265c72.jpg|49/20110816/1110/p_large_CCHg_3f0b000456d65c6f.jpg|47/20110816/1110/p_large_jUvB_524e00044eb65c73.jpg|51/20110816/1110/p_large_lxOZ_53fa000450e15c72.jpg|47/20110816/1110/p_large_KU9S_52a000044eee5c73.jpg|51/20110816/1110/p_large_KVvJ_33a7000453b45c71.jpg|49/20110816/1110/p_large_SN1A_0ca2000451ad5c70.jpg|52/20110816/1110/p_large_OxtO_542f000450a35c72.jpg|49/20110816/1110/p_large_cHXs_3386000452045c71.jpg|49/20110816/1110/p_large_AFxs_0c8300044fc75c70.jpg|47/20110816/1110/p_large_Q741_526e00044f965c73.jpg|46/20110818/1645/p_large_ZZiH_5269000506e15c73.jpg|52/20110816/1110/p_large_qKwK_339c000452c85c71.jpg|47/20110816/1410/p_large_jRCP_35200003fec05c42.jpg|47/20110816/1410/p_large_YwEE_4a77000401e35c41.jpg|46/20110816/1410/p_large_ne9i_6ef30003f47f5c3f.jpg|52/20110816/1410/p_large_OLAF_543d00045c105c72.jpg|51/20110816/1410/p_large_xXQC_33e900045ead5c71.jpg|53/20110816/1410/p_large_uK7e_0c9700045de15c70.jpg|47/20110816/1410/p_large_Gi1p_12ad0003fdcc5c44.jpg|54/20110816/1410/p_large_W61C_3584000400785c42.jpg|54/20110816/1410/p_large_drtr_6e91000405e25c3f.jpg|49/20110816/1410/p_large_77Ei_33a100045fb75c71.jpg|54/20110816/1410/p_large_37N1_12b70003fdb75c44.jpg|51/20110816/1410/p_large_NYTw_59b60003ff635c43.jpg|54/20110816/1410/p_large_TpNq_35410003fe0a5c42.jpg|54/20110816/1410/p_large_iwFl_6ed90003faf65c3f.jpg|46/20110816/1410/p_large_HTGL_528900045c265c73.jpg|47/20110816/1410/p_large_4lM2_33a70004604d5c71.jpg|47/20110816/1410/p_large_D7nj_0c5400045e6a5c70.jpg&cc=256*160&txbh=8|94|97|12|98|47|99|5|100|23&qhfs=0"></EMBED></P>
范例:摘自《夏去秋來到(我的暑期總結)》
范例代碼:
<TABLE style="BORDER-RIGHT:
2px dotted; BORDER-TOP: 2px dotted; BORDER-LEFT: 2px dotted;
BORDER-BOTTOM: 2px dotted" borderColor=#993233 cellSpacing=0
cellPadding=0 width=570 align=center border=3>
<TBODY>
<TR>
<TD><EMBED
src=http://dashan.vip5.flashyc.net/swf/sl-tpll(qhbkwtzd).swf
width=590 height=420 type=application/x-shockwave-flash
ALLOWNETWORKING="internal"
FLASHVARS="tp=http://img7.blog.eastmoney.com/ya/yanyileo/201109/20110902140653468.jpg|http://img7.blog.eastmoney.com/ya/yanyileo/201109/20110902140756499.jpg|http://img7.blog.eastmoney.com/ya/yanyileo/201109/20110902140824562.jpg|http://img7.blog.eastmoney.com/ya/yanyileo/201109/20110902140859468.jpg|http://img7.blog.eastmoney.com/ya/yanyileo/201109/20110902140936218.jpg|http://img7.blog.eastmoney.com/ya/yanyileo/201109/20110902141025781.jpg|http://img7.blog.eastmoney.com/ya/yanyileo/201109/20110902141100578.jpg|http://img7.blog.eastmoney.com/ya/yanyileo/201109/20110902141149249.jpg|http://img7.blog.eastmoney.com/ya/yanyileo/201109/20110902141218859.jpg|http://img7.blog.eastmoney.com/ya/yanyileo/201109/20110902141301437.jpg|http://img7.blog.eastmoney.com/ya/yanyileo/201109/2011090214133793.jpg&cc=590*420&qhfs=0"
WMODE="transparent" QUALITY="high"
></EMBED> <WBR></TD></TR></TBODY></TABLE>