详解切换百余种特效的图片浏览模式

2013-03-14 00:08:18| 分类：工具技巧 |举报 |字号

图片切换百余种特效（内部）

图片切换百余种特效（外部）

“顺序”——图片切换特效按编号顺序显示

“随机”——图片切换特效随机抽取编号显示

“选择”——显示/不显示“图片切换特效”菜单，选中某编号图片切换特后显示该编号的图片切换特。随后按顺序显示图片切换特。

“音乐”——播放背景音乐。暂停音乐播放，鼠标移到原“音乐”按钮位置，将显示“暂停”按钮，点击该按钮音乐即暂停播放。

《图片切换百款（外部）》收集百余款图片切换特效，图片采用外部网址方式。每个图片切换特效都是独立的，方便引用。

《图片切换百款（外部）源文件下载》文件大小：1.15MB

《图片切换百款（外部）源文件》说明：

1、源文件只保留上例中的图片切换和显示图片切换特效名称部分。

2、下载后请用“FLASH8”以上的版本的FLASH应用软件打开。

以下是引用方法：

3、图片网址获取方法提供三种方法选择：

1.数组 2.参数传递 3.txt文件

选择那种方式后请修改图片网址并将AS中的第11行//dzff="2"为dzff="你选择方法编号"或者修改AS中的第12行的ff=3为ff=你选择方法编号。

4、如选择图片网址获取方法为txt文件，txt文件格式如下，并保存为UTF-8编码。

图片大小（如800*600）

图片网址1 ...... 图片网址n

5、请将二层“切换名”图层删除，并将“图片”层中的影片剪辑“图片浏览”，实例名称为“tpll”的影片剪辑大小（原为600*450）调整为你所需的大小。

6、修改AS中的第9行sxbz=0//0顺序、1随机，选择切换特效显示模式。

7、将剩余的图层“AS”和图层“图片”复制、黏贴到你的文档中。

说明：《图片切换百款（内部）》与图片切换百款（外部）图片切换特效效果相同，但制作方法若有不同。《图片切换百款（内部）》的图片存于FLASH内部，其好处是确保图片有效，但图片体积大，不能大量使用图片，每个图片切换特效都是独立的，对FLASH制作有兴趣的博友，可以方便地引用图片切换特效。

《图片切换百款（内部）源文件下载》文件大小：1.7MB

《图片切换百款（内部）源文件》说明：

1、下载后请用“FLASH8”以上的版本的FLASH应用软件打开。

2、“切换特效”影片剪辑的每一帧，就是一款切换特效。

以下是引用某一款切换特效的方法：

3、在你的文档导入图片(600*450)，并新建一个影片剪辑。

4、将“切换特效”影片剪辑的某一帧（一般五层）选中→复制帧→黏贴帧（黏贴到你的文档新建的影片剪辑中）。

5、将你文档“库”里的黏贴产生的“图片1元件”，“图片2元件”替换为你的图片，如果需要请更名。并删除图片“图片1”、“图片2”

6、此时，你的新建影片剪辑就是一个图片切换特效，其大小为600*450。使用此新建影片剪辑，可以根据你需要的大小，按比例缩放。

如果没有自己的图片上传空间，建议将图片上传yupoo网站（免费，有流量限制）。点击进入yupoo网站

实例

实例代码：

通用图片《神奇九寨沟》浏览(切换百余种特效)

《通用图片浏览(切换百款)》采用参数传递方法，通过博客添加FLASH动画的代码，将图片网址、图片名称、图片切换特效的编号、显示的方式等传送到图片浏览动画中。图片浏览动画体积仅65.3kb，增加图片数量不会增加图片浏览动画体积。

不需要FLASH动画制作的专门技术，也可以拥有图片浏览的技巧。

如要配上音乐，歌曲同步歌词，请参阅《FLASH实例－简易音乐播放器》。

一、博客添加“图片浏览（切换百款）”的代码：

代码说明：http://dashan.vip5.flashyc.net/swf/sl-tpll(qhbk).swf 是图片浏览动画的SWF网址，这网址是固定不变的。用这网址，如果有修改图片浏览动画，将会同步、实时更新。原始的图片浏览动画宽度600，高度450，如要缩放，务必按比例缩放。

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、图片名称参数

tpn=图片名称

tpn=图片名称1|图片名称2|......|图片名称n 名称之间用竖线字符分隔。

注意：图片名称要与图片网址一一对应。

tpnj=统一图片的名称

该参数是图片名称的简便写法，仅用于图片名称是统一的。浏览器在显示图片名称时，自动加上“总张数_第几张”

注意：选用此参数就不能再用tpn参数。

3、图片尺寸参数

cc=图片尺寸

cc=宽度*高度（例cc=1024*768) 宽度与高度用*字符分隔。这用于图片都是一种尺寸。

或cc=图片1宽度*高度|......|图片n宽度*高度尺寸之间用竖线字符分隔，并与图片一一对应。这用于不同尺寸的图片。（例cc=600*450|1024*768|......|1600*1200)

注意：要选用600*450以上尺寸、同比例的图片，建议用大于600*450图片。

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—葵花旋转中心扩散

图片切换特效继续在收集、制作中......

神奇九寨沟实例代码：

点击下面地址看另几种图片浏览模式

通用图片浏览(16:9) http://blog.sina.com.cn/s/blog_56d3a4e10100hzf5.html

通用图片浏览(16:9缩略图) http://blog.sina.com.cn/s/blog_56d3a4e10100i207.html

来源：新浪《彩云归》博客引编：鹦哥

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。